편집 요약 없음 |
편집 요약 없음 |
||
| 1번째 줄: | 1번째 줄: | ||
<onlyinclude><div style="margin: -{{{1|10.5}}}px 0px;"><hr {{#if:{{{style|}}}|style="{{{style|}}}"|}}></div></onlyinclude> | <onlyinclude><div style="margin: -{{{1|10.5}}}px 0px;"><hr {{#if:{{{style|}}}|style="{{{style|}}} {{#if:{{{color|}}}|height: 0.0625rem; border: none; background: {{{color|}}}|}}"|}}></div></onlyinclude> | ||
[[분류:문법 편의 틀]][[분류:김찬/제작한 틀]] | [[분류:문법 편의 틀]][[분류:김찬/제작한 틀]] | ||
== 설명 == | == 설명 == | ||
이 틀은 <code><nowiki>{{hr}}</nowiki></code>로도 사용할 수 있습니다. | |||
{|class="wikitable" | {|class="wikitable" | ||
|- | |- | ||
| 16번째 줄: | 18번째 줄: | ||
기본적으로는 상하 margin을 10.5px씩 줄이지만, 브라우저나 환경에 따라 적정값은 달라질 수 있으므로 변수로 이를 조정할 수 있습니다. -와 px은 이미 입력되어 있으니 변수에는 줄이고자 하는 margin 값 숫자만 입력합니다. 예를 들어 {{폰트|monospace|<nowiki>{{가로줄|20}}</nowiki>}} 이렇게 입력하면 margin은 -20px이 됩니다. | 기본적으로는 상하 margin을 10.5px씩 줄이지만, 브라우저나 환경에 따라 적정값은 달라질 수 있으므로 변수로 이를 조정할 수 있습니다. -와 px은 이미 입력되어 있으니 변수에는 줄이고자 하는 margin 값 숫자만 입력합니다. 예를 들어 {{폰트|monospace|<nowiki>{{가로줄|20}}</nowiki>}} 이렇게 입력하면 margin은 -20px이 됩니다. | ||
color라는 변수로 색을 변경할 수도 있습니다. | |||
== 둘러보기 == | == 둘러보기 == | ||
{{김찬 제작 틀}} | {{김찬 제작 틀}} | ||
2022년 10월 23일 (일) 00:42 판
설명
이 틀은 {{hr}}로도 사용할 수 있습니다.
| 기본 가로줄 | 틀 사용 |
|---|---|
| 이 아래에 가로줄이 있습니다. 이 위에 가로줄이 있습니다. |
이 아래에 가로줄이 있습니다. |
<hr>이나 ---- 등으로 순수하게 삽입한 가로줄은 기본적인 텍스트 한 줄보다 상하 높이가 조금 더 깁니다. 따라서 이를 div로 묶은 후 여백을 조절하여 텍스트와 딱 맞는 가로줄로 만듭니다.
문법 자체는 복잡한 편이 아니기 때문에 따로 틀을 만들 필요성은 없어 보이지만, 인용문 등 틀 안에서 div 태그를 사용하면 내용이 제대로 표시되지 않는 현상이 있습니다. 이 틀은 틀 안에서 딱 맞는 가로줄을 사용하기 위해 만들어졌습니다.
기본적으로는 상하 margin을 10.5px씩 줄이지만, 브라우저나 환경에 따라 적정값은 달라질 수 있으므로 변수로 이를 조정할 수 있습니다. -와 px은 이미 입력되어 있으니 변수에는 줄이고자 하는 margin 값 숫자만 입력합니다. 예를 들어 {{가로줄|20}} 이렇게 입력하면 margin은 -20px이 됩니다.
color라는 변수로 색을 변경할 수도 있습니다.
