편집 요약 없음 |
편집 요약 없음 |
||
| 2번째 줄: | 2번째 줄: | ||
{{틀 도움}} | {{틀 도움}} | ||
<onlyinclude><span style="background: {{{배경색|}}}; color: {{{글자색|}}}; padding: {{{여백|}}}; border-radius: {{{곡률|}}}; border: {{{테두리|}}}; font-size: {{{사이즈|}}}; margin: {{{외부여백|}}}; font-weight: {{#switch:{{{볼드|}}}|on=bold|off=normal|}}">{{{내용|내용}}}</span></onlyinclude> | <onlyinclude><span style="background: {{{배경색|}}}; color: {{{글자색|}}}; padding: {{{여백|}}}; border-radius: {{{곡률|}}}; border: {{{테두리|}}}; font-size: {{{사이즈|}}}; margin: {{{외부여백|}}}; font-weight: {{#switch:{{{볼드|}}}|on=bold|off=normal|}}">{{{내용|내용}}}</span></onlyinclude> | ||
{{설명문서}} | {{목차제거}} | ||
== 소개 == | |||
글자 배경색을 넣고 싶을 때 사용하는 틀입니다. | |||
== 복사용 == | |||
<pre style="user-select: all;">{{글배경|배경색=|글자색=|여백=|곡률=|테두리=|사이즈=|볼드=|내용=}}</pre> | |||
== 사용법 == | |||
기본적으로 <code><nowiki>{{글배경|내용=}}</nowiki></code>으로 사용합니다. 여러 가지 변수가 있으며, 변수는 다음과 같습니다. | |||
{|class="wikitable" style="width: 100%;" | |||
|- | |||
!style="width: 10%;"|변수 | |||
!style="width: 15%;"|style{{b-fn-b|style-ref|style}} | |||
!설명 | |||
|- | |||
!배경색 | |||
|style="text-align: center;"|'''background''' | |||
|글자 배경 색으로 넣고 싶은 색상을 헥스코드 여섯 자리 또는 색상 이름으로 입력할 수 있습니다. | |||
|- | |||
!글자색 | |||
|style="text-align: center;"|'''color''' | |||
|이 변수를 입력하지 않으면 제이위키 기본 글자 색인 #373a3c로 내용이 쓰여집니다. | |||
|- | |||
!여백 | |||
|style="text-align: center;"|'''padding''' | |||
|글 배경의 크기를 키우고 싶을 때 사용합니다. | |||
|- | |||
!곡률 | |||
|style="text-align: center;"|'''border-radius''' | |||
|배경의 네 모서리를 둥글게 처리하고 싶을 때 사용합니다. 픽셀과 퍼센트 단위로 입력할 수 있습니다. | |||
|- | |||
!테두리 | |||
|style="text-align: center;"|'''border''' | |||
|<code>두께 모양 색깔</code>의 형식으로 입력해야 합니다. (ex: <code>1px solid black</code>) <span class="mw-collapsible mw-collapsed" data-expandtext="테두리 모양" data-collapsetext="테두리 모양"> | |||
* {{color|red|style="text-align: center;"|'''주의!'''}} solid, dotted, dashed 이외의 모양들은 테두리 두께가 1px 초과이거나 색깔이 검은색(#000000)이 아닐 때에만 정상적으로 표시됩니다. | |||
* {{글배경|테두리=3px solid blue|내용=solid}}는 가장 일반적인 테두리입니다. 실선으로 표시됩니다. | |||
* {{글배경|테두리=3px dotted blue|내용=dotted}}는 점선으로 표시됩니다. | |||
* {{글배경|테두리=3px dashed blue|내용=dashed}}는 조금 긴 점선으로 표시됩니다. | |||
* {{글배경|테두리=3px double blue|내용=double}}는 두 줄의 실선으로 표시됩니다. | |||
* {{글배경|테두리=3px groove blue|내용=groove}}는 3차원의 입체적인 선으로 표시되며, 색깔에 영향을 받습니다. | |||
* {{글배경|테두리=3px ridge blue|내용=ridge}}는 3차원의 능선 효과가 있는 선으로 표시되며, 색깔에 영향을 받습니다. | |||
* {{글배경|테두리=3px inset blue|내용=inset}}은 3차원의 내지로 끼운 선으로 표시되며, 색깔에 영향을 받습니다. | |||
* {{글배경|테두리=3px outset blue|내용=outset}}은 3차원의 외지로 끼운 선으로 표시되며, 색깔에 영향을 받습니다. | |||
* none과 hidden은 설명하지 않습니다.</span> | |||
|- | |||
!사이즈 | |||
|style="text-align: center;"|'''font-size''' | |||
|글자 크기를 조절하고 싶을 때 사용합니다. | |||
|- | |||
!볼드 | |||
|style="text-align: center;"|'''font-weight''' | |||
|<u>on</u>과 <u>off</u> 중 입력할 수 있습니다. on으로 입력하면 내용이 볼드체 처리되며, off로 입력하면 내용이 볼드체 처리되지 않습니다. 또한 off로 입력하면 테이블 헤더, 순환 링크 등 위키 시스템 상의 강제 볼드체도 해제됩니다. | |||
|- | |||
!내용 | |||
| | |||
|본격적으로 글자가 쓰여질 내용을 입력합니다. | |||
|} | |||
== 사용 예시 == | |||
{|class="wikitable" | |||
|- | |||
!style="width: 90px;"|출력 | |||
!입력 | |||
|- | |||
|style="text-align: center;"|{{글배경|배경색=#012fed|글자색=white|내용=알파카파카}} | |||
|<nowiki>{{글배경|배경색=#012fed|글자색=white|내용=알파카파카}}</nowiki> | |||
|- | |||
|style="text-align: center;"|{{글배경|배경색=#012fed|글자색=white|볼드=on|내용=굵은알파카}} | |||
|<nowiki>{{글배경|배경색=#012fed|글자색=white|볼드=on|내용=굵은알파카}}</nowiki> | |||
|- | |||
|style="text-align: center;"|{{글배경|배경색=#012fed|글자색=white|여백=2px 3px|곡률=3px|사이즈=8pt|내용=알파카파카}} | |||
|<nowiki>{{글배경|배경색=#012fed|글자색=white|여백=2px 3px|곡률=3px|사이즈=8pt|내용=알파카파카}}</nowiki> | |||
|- | |||
|style="text-align: center;"|{{글배경|배경색=#012fed|글자색=white|여백=2px 3px|곡률=3px|사이즈=.8em|볼드=on|내용=둥굵알파카}} | |||
|<nowiki>{{글배경|배경색=#012fed|글자색=white|여백=2px 3px|곡률=3px|사이즈=.8em|볼드=on|내용=둥굵알파카}}</nowiki> | |||
|} | |||
== 둘러보기 == | |||
{{김찬 제작 틀}} | |||
{{b-fn-cs}} | |||
{{b-fn-c|style-ref|style|각각의 변수가 span 태그의 style 속성에 대응하는 값들입니다. 실제로 본 틀에서 변수들은 설명하는 대응값에 입력되어 있습니다.}} | |||
{{b-fn-ce}} | |||
{{문서 가져옴|틀:글배경/설명문서|331223}} | |||
2023년 6월 21일 (수) 04:39 판
| 틀:글배경 | |
|---|---|
사용문서
|
|
넘겨주기
|
이동하기
|
내용
소개
글자 배경색을 넣고 싶을 때 사용하는 틀입니다.
복사용
{{글배경|배경색=|글자색=|여백=|곡률=|테두리=|사이즈=|볼드=|내용=}}
사용법
기본적으로 {{글배경|내용=}}으로 사용합니다. 여러 가지 변수가 있으며, 변수는 다음과 같습니다.
| 변수 | style[style] | 설명 |
|---|---|---|
| 배경색 | background | 글자 배경 색으로 넣고 싶은 색상을 헥스코드 여섯 자리 또는 색상 이름으로 입력할 수 있습니다. |
| 글자색 | color | 이 변수를 입력하지 않으면 제이위키 기본 글자 색인 #373a3c로 내용이 쓰여집니다. |
| 여백 | padding | 글 배경의 크기를 키우고 싶을 때 사용합니다. |
| 곡률 | border-radius | 배경의 네 모서리를 둥글게 처리하고 싶을 때 사용합니다. 픽셀과 퍼센트 단위로 입력할 수 있습니다. |
| 테두리 | border | 두께 모양 색깔의 형식으로 입력해야 합니다. (ex: 1px solid black)
|
| 사이즈 | font-size | 글자 크기를 조절하고 싶을 때 사용합니다. |
| 볼드 | font-weight | on과 off 중 입력할 수 있습니다. on으로 입력하면 내용이 볼드체 처리되며, off로 입력하면 내용이 볼드체 처리되지 않습니다. 또한 off로 입력하면 테이블 헤더, 순환 링크 등 위키 시스템 상의 강제 볼드체도 해제됩니다. |
| 내용 | 본격적으로 글자가 쓰여질 내용을 입력합니다. |
사용 예시
| 출력 | 입력 |
|---|---|
| 알파카파카 | {{글배경|배경색=#012fed|글자색=white|내용=알파카파카}} |
| 굵은알파카 | {{글배경|배경색=#012fed|글자색=white|볼드=on|내용=굵은알파카}} |
| 알파카파카 | {{글배경|배경색=#012fed|글자색=white|여백=2px 3px|곡률=3px|사이즈=8pt|내용=알파카파카}} |
| 둥굵알파카 | {{글배경|배경색=#012fed|글자색=white|여백=2px 3px|곡률=3px|사이즈=.8em|볼드=on|내용=둥굵알파카}} |
