(새 문서: <onlyinclude><div{{#if:{{{style|}}}| style="{{{style|}}}"|}}{{#if:{{{class|}}}| class="{{{stclassyclassle|}}}"|}}{{#if:{{{id|}}}| id="{{{id|}}}"|}}>{{{내용|}}}</div></onlyinclude> [...) |
편집 요약 없음 |
||
| 1번째 줄: | 1번째 줄: | ||
<onlyinclude><div{{#if:{{{style|}}}| style="{{{style|}}}"|}}{{#if:{{{class|}}}| class="{{{stclassyclassle|}}}"|}}{{#if:{{{id|}}}| id="{{{id|}}}"|}}>{{{내용|}}}</div></onlyinclude> | <onlyinclude><div {{#if:{{{style|}}}|style="{{{style|}}}"|}} {{#if:{{{class|}}}|class="{{{stclassyclassle|}}}"|}} {{#if:{{{id|}}}|id="{{{id|}}}"|}}>{{{내용|}}}</div></onlyinclude> | ||
[[분류:문법 편의 틀]][[분류:김찬/제작한 틀]] | [[분류:문법 편의 틀]][[분류:김찬/제작한 틀]] | ||
== 설명 == | == 설명 == | ||
2022년 9월 8일 (목) 18:05 판
설명
특별한 기능이나 용도가 있는 틀은 아니고, 단순히 div 태그를 틀로 입력할 수 있는 틀입니다. style, class, id 변수가 있으며 각 변수에 입력하고자 하는 HTML CSS 코드를 입력하면 됩니다.
틀 변수 안에서는 div나 span 등 HTML 태그를 사용할 수 없으므로(태그 사용 시 내용이 보이지 않는 현상이 있습니다.) 틀 변수 안에서 div 태그를 쉽게 사용하기 위해 만들어졌습니다.
예를 들어
{{div|style=display: inline-block; background: linear-gradient(to right, #ffb9b9, #ffdeb7, #fffdbb, #b4eca4, #aceeff, #9cb1ff, #e9c0ff); width: 100px; height: 100px; transform: rotate(45deg);|내용=기울어진 무지개}}
이렇게 입력하면
<div style="display: inline-block; background: linear-gradient(to right, #ffb9b9, #ffdeb7, #fffdbb, #b4eca4, #aceeff, #9cb1ff, #e9c0ff); width: 100px; height: 100px; transform: rotate(45deg);">기울어진 무지개</div>
이렇게 인식되어 다음과 같이 출력됩니다.
기울어진 무지개