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

편집 요약 없음
편집 요약 없음
 
2번째 줄: 2번째 줄:
{{틀 도움}}
{{틀 도움}}
{{넘겨주기|틀=.|hr}}
{{넘겨주기|틀=.|hr}}
<onlyinclude><includeonly>{{#css: .hr-transform-template hr { margin-top: {{#ifeq:{{{1|}}}|none|1rem|.3rem}}; margin-bottom: {{#ifeq:{{{1|}}}|none|1rem|.3rem}}; } }}<span class="hr-transform-template"><hr style="border-top: 1px solid {{#switch:{{{color|}}}|namu = var(--namu--horizentalline)|wikidok = #bfbfbf|{{color-var|{{{color|var(--namu--horizentalline)}}}}}}};"></span></includeonly></onlyinclude>
<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}}
{|{{style|class=wiki}}
|-
|-

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. ]
[ ㄱ~ㅅ ]
[ ㅇ~ㅎ ]
※ 더 이상 사용하지 않거나 사용할 필요가 없는 경우 취소선 처리
※ 일부 극히 단순한 틀은 본 틀 목록에 미포함