| 나무위키 텍스트 크기 틀 | ||||
|---|---|---|---|---|
| 틀:++1 | 틀:++2 | 틀:++3 | 틀:++4 | 틀:++5 |
| 틀:--1 | 틀:--2 | 틀:--3 | 틀:--4 | 틀:--5 |
설명
나무위키 문법 형식으로 텍스트 크기를 조절할 수 있는 틀입니다.
사용법
{{++1~5|내용}}
{{--1~5|내용}}
나무위키에서는 {{{+1 텍스트}}} 이런 식으로 텍스트 크기를 조절하는 문법을 사용합니다. 이때 +인지 -인지에 따라 큰 텍스트와 작은 텍스트를 구분하고, 숫자에 따라 그 정도를 구분합니다.
이 단계에 사용되는 HTML 상의 단위는 em이며, em은 브라우저의 기본 글씨 크기를 1로 정하는 상대 단위입니다.{{#css: .mw-parser-output {
counter-reset: number 0;
}
.tooltip-template-trigger {
cursor: pointer;
color: var(namuhyperlink);
user-select: none;
}
.tooltip-template-trigger-numbering-bracket::before {
cursor: pointer;
color: var(namuhyperlink);
counter-increment: number 1;
content: '\005B' counter(number) '\005D';
}
.tooltip-template-trigger-numbering-number::before {
cursor: pointer;
color: var(namuhyperlink);
counter-increment: number 1;
content: counter(number);
}
.tooltip-template-trigger-numbering-parentheses::before {
cursor: pointer;
color: var(namuhyperlink);
counter-increment: number 1;
content: '\0028' counter(number) '\0029';
}
.tooltip-template-trigger-2 {
cursor: pointer;
color: inherit;
user-select: none;
}
.tooltip-template {
display: none;
margin: 5px 0;
border: 1px solid var(namucite--border);
background: var(namucite--background);
color: var(namutext);
padding: 12px;
border-radius: 3px;
text-align: left;
user-select: text;
}
.tooltip-template-trigger:hover, .tooltip-template-trigger-numbering-bracket:hover, .tooltip-template-trigger-numbering-number:hover, .tooltip-template-trigger-numbering-parentheses:hover {
text-decoration: underline;
}
.tooltip-template-trigger:hover + .tooltip-template {
display: block;
user-select: none;
}
.tooltip-template-trigger-2:hover + .tooltip-template {
display: block;
user-select: none;
}
.tooltip-template-trigger-numbering-bracket:hover + .tooltip-template {
display: block;
user-select: none;
}
.tooltip-template-trigger-numbering-number:hover + .tooltip-template {
display: block;
user-select: none;
}
.tooltip-template-trigger-numbering-parentheses:hover + .tooltip-template {
display: block;
user-select: none;
}
.tooltip-template-trigger:active + .tooltip-template {
display: block;
user-select: none;
}
.tooltip-template-trigger-2:active + .tooltip-template {
display: block;
user-select: none;
}
.tooltip-template-trigger-numbering-bracket:active + .tooltip-template {
display: block;
user-select: none;
}
.tooltip-template-trigger-numbering-number:active + .tooltip-template {
display: block;
user-select: none;
}
.tooltip-template-trigger-numbering-parentheses:active + .tooltip-template {
display: block;
user-select: none;
}
.tooltip-template:hover {
display: block;
}
}}즉 2em은 간단히 말해 기본 크기의 2배입니다. 200%와 같은 값입니다. 정확한 수치는 나무위키:문법 도움말 문서의 텍스트 크기 문단에 나와 있습니다.
| 틀:너비맞춤기본 | 1em | 기본 | 1em |
| +1단계 | 1.289em | -1단계 | .926em |
| +2단계 | 1.389em | -2단계 | .833em |
| +3단계 | 1.481em | -3단계 | .742em |
| +4단계 | 1.574em | -4단계 | .648em |
| +5단계 | 1.667em | -5단계 | .622em |
| {{++5|{{++5|응용}}}} | 응용틀:Brbr | ||
이처럼 첫 번째 변수에 단계, 즉 +1이나 -2, +4 등을 입력하고 두 번째 변수에 그 내용을 입력하면 됩니다.
개별 틀에 내용을 입력하지 않으면 해당하는 단계의 숫자와 단위 em만 출력됩니다. 별개의 style에 이용하고 싶을 때 참고할 수 있습니다.
| 문법 | 결과 |
|---|---|
| {{++1|1단계}} | 1단계 |
| {{++1}} | 1.289em |