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