틀:가로줄: 두 판 사이의 차이

편집 요약 없음
편집 요약 없음
 
(같은 사용자의 중간 판 39개는 보이지 않습니다)
1번째 줄: 1번째 줄:
<onlyinclude><div style="margin: -{{{1|10.5}}}px 0px;"><hr style="{{{style|}}} {{#if:{{{color|}}}|height: 0.5px; border: none; background: {{{color|}}}|}}"></div></onlyinclude>
{{namucat|김찬/제작한 틀}}
[[분류:문법 편의 틀]][[분류:김찬/제작한 틀]]
{{틀 도움}}
== 설명 ==
{{넘겨주기|틀=.|hr}}
이 틀은 <code><nowiki>{{hr}}</nowiki></code>로도 사용할 수 있습니다.
<onlyinclude><includeonly><hr style="margin-top: {{#ifeq:{{{1|}}}|none|1rem|{{{1|.3rem}}}}}; margin-bottom: {{#ifeq:{{{1|}}}|none|1rem|{{{1|.3rem}}}}}; border-top: 1px solid {{#switch:{{{color|}}}|namu = var(--namu--horizentalline)|wikidok = #bfbfbf|{{color-var|{{{color|var(--namu--horizentalline)}}}}}}};"></includeonly></onlyinclude>
 
{|{{style|class=wiki}}
{|class="wikitable"
|-
|-
!기본 가로줄
!기본 가로줄
10번째 줄: 9번째 줄:
|-
|-
|이 아래에 가로줄이 있습니다.<hr>이 위에 가로줄이 있습니다.
|이 아래에 가로줄이 있습니다.<hr>이 위에 가로줄이 있습니다.
|이 아래에 가로줄이 있습니다.<div style="margin: -10.5px 0px;"><hr></div>이 위에 가로줄이 있습니다.
|이 아래에 가로줄이 있습니다.{{hr}}이 위에 가로줄이 있습니다.
|}
 
{|{{style|class=wiki}}
|-
!틀 사용
!테이블과 비교
|-
|rowspan=2|이 아래에 가로줄이 있습니다.{{hr}}이 위에 가로줄이 있습니다.
|이 아래에 테이블이 있습니다.
|-
|이 위에 테이블이 있습니다.
|}
|}


17번째 줄: 27번째 줄:
문법 자체는 복잡한 편이 아니기 때문에 따로 틀을 만들 필요성은 없어 보이지만, [[틀:인용문 모음|인용문]] 등 틀 안에서 div 태그를 사용하면 내용이 제대로 표시되지 않는 현상이 있습니다. 이 틀은 틀 안에서 딱 맞는 가로줄을 사용하기 위해 만들어졌습니다.
문법 자체는 복잡한 편이 아니기 때문에 따로 틀을 만들 필요성은 없어 보이지만, [[틀:인용문 모음|인용문]] 등 틀 안에서 div 태그를 사용하면 내용이 제대로 표시되지 않는 현상이 있습니다. 이 틀은 틀 안에서 딱 맞는 가로줄을 사용하기 위해 만들어졌습니다.


기본적으로는 상하 margin을 10.5px씩 줄이지만, 브라우저나 환경에 따라 적정값은 달라질 수 있으므로 변수로 이를 조정할 수 있습니다. -와 px은 이미 입력되어 있으니 변수에는 줄이고자 하는 margin 값 숫자만 입력합니다. 예를 들어 {{폰트|monospace|<nowiki>{{가로줄|20}}</nowiki>}} 이렇게 입력하면 margin은 -20px이 됩니다.
기본적으로는 제이위키에 기본값으로 적용된 상하 margin인 1rem을 .3rem으로 바꾸지만,{{툴팁|btn=numbering|numbering=bracket|.3rem은 테이블 셀이 기본값으로 갖는 상하 padding 값입니다.}} 첫 번째 변수에 none을 입력할 시 margin 값이 원래대로 1rem이 됩니다. 틀로 높이를 조정한 가로줄이 아닌 기본 가로줄을 사용하면서 color 변수를 쉽게 사용하고 싶을 때 사용합니다.


color라는 변수로 색을 변경할 수도 있습니다.
color라는 변수로 색을 변경할 수도 있습니다. 여기에 namu를 입력하면 나무위키 가로줄 색인 #ccc가, wikidok을 입력하면 위키독 가로줄 색인 #bfbfbf가 적용됩니다.


== 둘러보기 ==
{{김찬 제작 틀}}
{{김찬 제작 틀}}

2025년 1월 8일 (수) 23:21 기준 최신판

:가로줄
사용문서
새로고침
넘겨주기
이동하기

 이 틀은 {{hr}}(으)로도 사용할 수 있습니다.

기본 가로줄 틀 사용
이 아래에 가로줄이 있습니다.
이 위에 가로줄이 있습니다.
이 아래에 가로줄이 있습니다.
이 위에 가로줄이 있습니다.
틀 사용 테이블과 비교
이 아래에 가로줄이 있습니다.
이 위에 가로줄이 있습니다.
이 아래에 테이블이 있습니다.
이 위에 테이블이 있습니다.

<hr>이나 ---- 등으로 순수하게 삽입한 가로줄은 기본적인 텍스트 한 줄보다 상하 높이가 조금 더 깁니다. 따라서 이를 div로 묶은 후 여백을 조절하여 텍스트와 딱 맞는 가로줄로 만듭니다.

문법 자체는 복잡한 편이 아니기 때문에 따로 틀을 만들 필요성은 없어 보이지만, 인용문 등 틀 안에서 div 태그를 사용하면 내용이 제대로 표시되지 않는 현상이 있습니다. 이 틀은 틀 안에서 딱 맞는 가로줄을 사용하기 위해 만들어졌습니다.

기본적으로는 제이위키에 기본값으로 적용된 상하 margin인 1rem을 .3rem으로 바꾸지만,.3rem은 테이블 셀이 기본값으로 갖는 상하 padding 값입니다. 첫 번째 변수에 none을 입력할 시 margin 값이 원래대로 1rem이 됩니다. 틀로 높이를 조정한 가로줄이 아닌 기본 가로줄을 사용하면서 color 변수를 쉽게 사용하고 싶을 때 사용합니다.

color라는 변수로 색을 변경할 수도 있습니다. 여기에 namu를 입력하면 나무위키 가로줄 색인 #ccc가, wikidok을 입력하면 위키독 가로줄 색인 #bfbfbf가 적용됩니다.

+
김찬 제작 틀
[ A~Z & etc. ]
[ ㄱ~ㅅ ]
[ ㅇ~ㅎ ]
※ 더 이상 사용하지 않거나 사용할 필요가 없는 경우 취소선 처리
※ 일부 극히 단순한 틀은 본 틀 목록에 미포함