편집 요약 없음 |
편집 요약 없음 |
||
| (같은 사용자의 중간 판 26개는 보이지 않습니다) | |||
| 1번째 줄: | 1번째 줄: | ||
<onlyinclude>< | {{namucat|김찬/제작한 틀}} | ||
{{틀 도움}} | |||
<onlyinclude><includeonly><span style="display: block; {{#ifeq:{{{1|}}}|none||margin: {{{1|-10.5px}}} 0;}}"><hr style="{{{style|}}} {{#if:{{{color|}}}|border-top: 1px solid {{#switch:{{{color|}}}|namu = #ccc;|wikidok = #bfbfbf;|{{{color|}}};}}|}}"></span></includeonly></onlyinclude> | |||
== 설명 == | == 설명 == | ||
{ | 이 틀은 <code><nowiki>{{hr}}</nowiki></code>로도 사용할 수 있습니다. | ||
{{MT}} | |||
|- | |- | ||
!기본 가로줄 | !기본 가로줄 | ||
| 8번째 줄: | 11번째 줄: | ||
|- | |- | ||
|이 아래에 가로줄이 있습니다.<hr>이 위에 가로줄이 있습니다. | |이 아래에 가로줄이 있습니다.<hr>이 위에 가로줄이 있습니다. | ||
|이 아래에 가로줄이 있습니다. | |이 아래에 가로줄이 있습니다.{{hr}}이 위에 가로줄이 있습니다. | ||
{{MT끝}} | |||
<nowiki><hr>이나 ----</nowiki> 등으로 순수하게 삽입한 가로줄은 기본적인 텍스트 한 줄보다 상하 높이가 조금 더 깁니다. 따라서 이를 div로 묶은 후 여백을 조절하여 텍스트와 딱 맞는 가로줄로 만듭니다. | <nowiki><hr>이나 ----</nowiki> 등으로 순수하게 삽입한 가로줄은 기본적인 텍스트 한 줄보다 상하 높이가 조금 더 깁니다. 따라서 이를 div로 묶은 후 여백을 조절하여 텍스트와 딱 맞는 가로줄로 만듭니다. | ||
| 15번째 줄: | 18번째 줄: | ||
문법 자체는 복잡한 편이 아니기 때문에 따로 틀을 만들 필요성은 없어 보이지만, [[틀:인용문 모음|인용문]] 등 틀 안에서 div 태그를 사용하면 내용이 제대로 표시되지 않는 현상이 있습니다. 이 틀은 틀 안에서 딱 맞는 가로줄을 사용하기 위해 만들어졌습니다. | 문법 자체는 복잡한 편이 아니기 때문에 따로 틀을 만들 필요성은 없어 보이지만, [[틀:인용문 모음|인용문]] 등 틀 안에서 div 태그를 사용하면 내용이 제대로 표시되지 않는 현상이 있습니다. 이 틀은 틀 안에서 딱 맞는 가로줄을 사용하기 위해 만들어졌습니다. | ||
기본적으로는 상하 margin을 | 기본적으로는 상하 margin을 1rem씩 줄였다가 0.5em씩 늘리지만{{툴팁2|값|{{SITENAME}}가 기본적으로 가지고 있는 {{nowiki|<hr>}}의 상하 여백이 1rem이고, 그를 줄인 여기에 상하 0.5em, 즉 합쳐서 1em을 추가로 늘려 기본적인 텍스트 한 줄과 같은 높이를 갖게 합니다. 글꼴 하나가 갖는 단위를 1em이라고 합니다.}}, 첫 번째 변수에 none을 입력할 시 margin 값이 사라집니다. 틀로 높이를 조정한 가로줄이 아닌 기본 가로줄을 사용하면서 color 변수를 쉽게 사용하고 싶을 때 사용합니다. | ||
color라는 변수로 색을 변경할 수도 있습니다. 여기에 namu를 입력하면 나무위키 가로줄 색인 #ccc가, wikidok을 입력하면 위키독 가로줄 색인 #bfbfbf가 적용됩니다. | |||
== 둘러보기 == | == 둘러보기 == | ||
{{김찬 제작 틀}} | {{김찬 제작 틀}} | ||
2024년 3월 30일 (토) 22:45 기준 최신판
| 틀:가로줄 | |
|---|---|
사용문서
|
|
넘겨주기
|
이동하기
|
설명
이 틀은 {{hr}}로도 사용할 수 있습니다.
| 기본 가로줄 | 틀 사용 |
|---|---|
| 이 아래에 가로줄이 있습니다. 이 위에 가로줄이 있습니다. |
이 아래에 가로줄이 있습니다. 이 위에 가로줄이 있습니다. |
<hr>이나 ---- 등으로 순수하게 삽입한 가로줄은 기본적인 텍스트 한 줄보다 상하 높이가 조금 더 깁니다. 따라서 이를 div로 묶은 후 여백을 조절하여 텍스트와 딱 맞는 가로줄로 만듭니다.
문법 자체는 복잡한 편이 아니기 때문에 따로 틀을 만들 필요성은 없어 보이지만, 인용문 등 틀 안에서 div 태그를 사용하면 내용이 제대로 표시되지 않는 현상이 있습니다. 이 틀은 틀 안에서 딱 맞는 가로줄을 사용하기 위해 만들어졌습니다.
기본적으로는 상하 margin을 1rem씩 줄였다가 0.5em씩 늘리지만[값]제이위키가 기본적으로 가지고 있는 <hr>의 상하 여백이 1rem이고, 그를 줄인 여기에 상하 0.5em, 즉 합쳐서 1em을 추가로 늘려 기본적인 텍스트 한 줄과 같은 높이를 갖게 합니다. 글꼴 하나가 갖는 단위를 1em이라고 합니다., 첫 번째 변수에 none을 입력할 시 margin 값이 사라집니다. 틀로 높이를 조정한 가로줄이 아닌 기본 가로줄을 사용하면서 color 변수를 쉽게 사용하고 싶을 때 사용합니다.
color라는 변수로 색을 변경할 수도 있습니다. 여기에 namu를 입력하면 나무위키 가로줄 색인 #ccc가, wikidok을 입력하면 위키독 가로줄 색인 #bfbfbf가 적용됩니다.
