틀:글배경: 두 판 사이의 차이

2024년 6월 29일 (토) 22:04 기준 최신판

분류:

틀:글배경
사용문서	새로고침
넘겨주기	이동하기
2024-06-29에 마지막으로 수정됨

내용

소개

글자 배경색을 넣고 싶을 때 사용하는 틀입니다.

복사용

{{글배경|배경색=|글자색=|여백=|곡률=|테두리=|사이즈=|볼드=|내용=}}

사용법

기본적으로 {{글배경|내용=}}으로 사용합니다. 여러 가지 변수가 있으며, 변수는 다음과 같습니다.

변수	style^{[style]각각의 변수가 span 태그의 style 속성에 대응하는 값들입니다. 실제로 본 틀에서 변수들은 설명하는 대응값에 입력되어 있습니다.}	설명
배경색	background	글자 배경 색으로 넣고 싶은 색상을 헥스코드 여섯 자리 또는 색상 이름으로 입력할 수 있습니다.
글자색	color	글자 색으로 넣고 싶은 색상을 헥스코드 여섯 자리 또는 색상 이름으로 입력할 수 있습니다.
여백	padding	글 배경의 크기를 키우고 싶을 때 사용합니다.
곡률	border-radius	배경의 네 모서리를 둥글게 처리하고 싶을 때 사용합니다. 픽셀과 퍼센트 단위로 입력할 수 있습니다.
테두리	border	`두께 모양 색깔`의 형식으로 입력해야 합니다. (ex: `1px solid black`) [ 테두리 모양 ] 주의! solid, dotted, dashed 이외의 모양들은 테두리 두께가 1px 초과이거나 색깔이 검은색(#000000)이 아닐 때에만 정상적으로 표시됩니다. solid는 가장 일반적인 테두리입니다. 실선으로 표시됩니다. dotted는 점선으로 표시됩니다. dashed는 조금 긴 점선으로 표시됩니다. double는 두 줄의 실선으로 표시됩니다. groove는 3차원의 입체적인 선으로 표시되며, 색깔에 영향을 받습니다. ridge는 3차원의 능선 효과가 있는 선으로 표시되며, 색깔에 영향을 받습니다. inset은 3차원의 내지로 끼운 선으로 표시되며, 색깔에 영향을 받습니다. outset은 3차원의 외지로 끼운 선으로 표시되며, 색깔에 영향을 받습니다. none과 hidden은 설명하지 않습니다.
사이즈	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\|내용=둥굵알파카}}`

둘러보기

+

김찬 제작 틀

[ A~Z & etc. ]

etc.
틀:,,	틀:--	~~틀:--2~~	틀:^^
틀:?div
A~M
틀:background-image	틀:bg	틀:BMI	틀:center
틀:cursor	틀:DDAY	틀:div	~~틀:ffms~~
틀:font awesome 5	틀:full block	틀:gradient-ex	틀:hex to rgb
틀:invert-img	틀:jp	틀:leet	틀:librecat
틀:list margin remove	틀:MBTI
N~Z
틀:namucat	틀:namulist	틀:namutoc	틀:nowiki
틀:nowiki2	틀:ol	틀:onbold	틀:PC 열람 권장
틀:pf-c	틀:pre	틀:rgb to hex	틀:rotate
틀:selflink	틀:snowfalling	틀:span	틀:style
틀:syntaxhighlight	틀:thumbs	틀:title	틀:tp
틀:tt	틀:u	틀:widen	틀:wingdings

[ ㄱ~ㅅ ]

ㄱ
틀:가로 목록	틀:가로세로비	틀:가로줄	틀:가입일 유저박스
틀:가짜 링크	틀:가짜 문단	틀:갤러리 (김찬)	틀:공백
틀:관련 문서 틀 제목	틀:광과민성 주의	틀:군대 유저박스 (상세)	틀:굵게
틀:그라데이션 글씨	틀:글리치	틀:글배경	틀:글씨 테두리
ㄴ
틀:나무링크	틀:나무마크 틀	틀:나무위키 둘러보기	틀:나무위키 접기
틀:나무위키 접기2 (제목 / 내용)	틀:나무위키 테이블	틀:나무위키 텍스트 크기	틀:나무위키 틀 접기 (애니메이션)
틀:나무위키 틀 접기 끝	틀:나무위키식 문서 상태 틀	틀:내비게이션 바 색상	~~틀:너비맞춤~~
틀:넘겨주기	틀:넘겨주기 안내	틀:네온 글씨
ㄷ
~~틀:다크모드~~	틀:대화담벼락	틀:댓글 금지	틀:둥근 이미지
틀:등급 유저박스
ㄹ
틀:루비 문자
ㅁ
틀:막대 그래프	틀:말풍선	틀:말풍선 각주 (버튼 / 내용 / 시작 / 끝)	틀:메타 분류
틀:메타 틀	틀:명도	틀:모바일 테이블 (/tag)	틀:모바일 테이블 끝 (/tag)
~~틀:목차제거~~	틀:문단	틀:문단접기	틀:문단접기2
틀:문단접기3	틀:문서 가져옴	틀:문서 보충	틀:미공개
틀:미디어위키 접기 V2	틀:밑줄 없는 링크
ㅂ
틀:반복	틀:반응형 style	틀:반전	틀:반전2
틀:배경색 명도 조절	틀:백분율	틀:버튼	틀:별점
틀:복사방지	틀:부계정 유저박스	~~틀:분류 바로가기~~	~~틀:분류앵커~~
틀:불법2	틀:블러2	틀:블러3	틀:블러4
틀:블링크	틀:비공식 설정	틀:빈 이미지
ㅅ
틀:사건사고	틀:산문적 문서	틀:상징색	~~틀:색상 수평줄~~
틀:성적 요소	틀:세계관 무관	틀:세계관 별점	틀:소설 (시작 / 끝 / 버튼 / 클립보드)
틀:소셜 프로필	틀:소속단체 유저박스	틀:수평줄 꾸미기	틀:순차형3
틀:스포일러 강조	틀:실루엣	틀:씹덕주의

[ ㅇ~ㅎ ]

ㅇ
틀:안내문	틀:알림창	틀:오류창	틀:외부 라이선스
틀:외부링크숨김	틀:원형 그래프	틀:유저박스 틀	틀:이미지 가림
틀:이미지 넣기 (/tag)	틀:이미지 변화	틀:이미지 여백 제거	틀:인용문D
틀:인용문N → 틀:인용문1	틀:인용문SCP	틀:인용문W
ㅈ
틀:접기변화	틀:조사	틀:주의 가림막	틀:줄바꿈
ㅊ
틀:체크리스트
ㅋ
틀:커스텀 목록	틀:코드 예제	틀:코드 예제 끝
ㅌ
틀:테두리 그라데이션	틀:텍스트 가림	틀:툴팁	틀:툴팁2
틀:틀 도움
ㅍ
틀:파일	틀:팬그램	틀:펼치기 접기/multi (제목 / 내용)	틀:폰트
틀:폴리비오스 암호	틀:표 안의 표
ㅎ
틀:하위 문서3	틀:하이라이트	틀:혐오적 요소	틀:호감도
틀:흑백

※ 더 이상 사용하지 않거나 사용할 필요가 없는 경우 취소선 처리
※ 일부 극히 단순한 틀은 본 틀 목록에 미포함

이 문서의 내용 중 전체 또는 일부는 틀:글배경/설명문서 문서의 331223판에서 가져왔습니다. 문서 역사 보러가기

@@ 1번째 줄: / 1번째 줄: @@
-<span style="bakcground: {{{배경색|}}}; color: {{{글자색|}}}; border-radius: {{{곡률|}}}; border: {{{테두리|}}}; font-size: {{{사이즈|}}}; margin: {{{외부여백|}}}; font-weight: {{#switch:{{{볼드|}}}|on=bold|off=normal|}};">{{{내용|내용}}}</span><noinclude>{{설명문서}}</noinclude>
+{{namucat|김찬/제작한 틀|문법 편의 틀}}
+{{틀 도움}}
+<onlyinclude><span style="{{#if:{{{배경색|}}}|background: {{{배경색|}}};|}} {{#if:{{{글자색|}}}|color: {{{글자색|}}};|}} {{#if:{{{여백|}}}|padding: {{{여백|}}};|}} {{#if:{{{곡률|}}}|border-radius: {{{곡률|}}};|}} {{#if:{{{테두리|}}}|border: {{{테두리|}}};|}} {{#if:{{{사이즈|}}}|font-size: {{{사이즈|}}};|}} {{#if:{{{외부여백|}}}|margin: {{{외부여백|}}};|}} {{#if:{{{볼드|}}}|font-weight: {{#switch:{{{볼드|}}}|on=bold|off=normal|}};|}}">{{{내용|내용}}}</span></onlyinclude>
+{{목차제거}}
+== 소개 ==
+글자 배경색을 넣고 싶을 때 사용하는 틀입니다.
+== 복사용 ==
+<pre style="user-select: all;">{{글배경|배경색=|글자색=|여백=|곡률=|테두리=|사이즈=|볼드=|내용=}}</pre>
+== 사용법 ==
+기본적으로 <code><nowiki>{{글배경|내용=}}</nowiki></code>으로 사용합니다. 여러 가지 변수가 있으며, 변수는 다음과 같습니다.
+{{#css: .text-center-for-second-td-table tr td:nth-child(2) { text-align: center; font-weight: bold; } }}<div class="text-center-for-second-td-table">
+{|{{style|class=wiki|width=100%}}
+|-
+!{{style|width=10%}}|변수
+!{{style|width=15%}}|style{{툴팁2|style|{{nobold|{{left|각각의 변수가 span 태그의 style 속성에 대응하는 값들입니다. 실제로 본 틀에서 변수들은 설명하는 대응값에 입력되어 있습니다.}}}}}}
+!설명
+|-
+!배경색
+|background
+|글자 배경 색으로 넣고 싶은 색상을 헥스코드 여섯 자리 또는 색상 이름으로 입력할 수 있습니다.
+|-
+!글자색
+|color
+|글자 색으로 넣고 싶은 색상을 헥스코드 여섯 자리 또는 색상 이름으로 입력할 수 있습니다.
+|-
+!여백
+|padding
+|글 배경의 크기를 키우고 싶을 때 사용합니다.
+|-
+!곡률
+|border-radius
+|배경의 네 모서리를 둥글게 처리하고 싶을 때 사용합니다. 픽셀과 퍼센트 단위로 입력할 수 있습니다.
+|-
+!테두리
+|border
+|<code>두께 모양 색깔</code>의 형식으로 입력해야 합니다. (ex: <code>1px solid black</code>){{folding|id=border-style|title=[ 테두리 모양 ]|
+* {{c|red|'''주의!'''}} 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은 설명하지 않습니다.}}
+|-
+!사이즈
+|font-size
+|글자 크기를 조절하고 싶을 때 사용합니다.
+|-
+!볼드
+|font-weight
+|{{u|on}}과 {{u|off}} 중 입력할 수 있습니다. on으로 입력하면 내용이 볼드체 처리되며, off로 입력하면 내용이 볼드체 처리되지 않습니다. 또한 off로 입력하면 테이블 헤더, 순환 링크 등 위키 시스템 상의 강제 볼드체도 해제됩니다.
+|-
+!내용
+|
+|본격적으로 글자가 쓰여질 내용을 입력합니다.
+|}</div>
+== 사용 예시 ==
+{|{{style|class=wiki}}
+|-
+!{{style|width=90px}}|출력
+!입력
+|-
+|{{style|align=center}}|{{글배경|배경색=#012fed|글자색=white|내용=알파카파카}}
+|<tt><nowiki>{{글배경|배경색=#012fed|글자색=white|내용=알파카파카}}</nowiki></tt>
+|-
+|{{style|align=center}}|{{글배경|배경색=#012fed|글자색=white|볼드=on|내용=굵은알파카}}
+|<tt><nowiki>{{글배경|배경색=#012fed|글자색=white|볼드=on|내용=굵은알파카}}</nowiki></tt>
+|-
+|{{style|align=center}}|{{글배경|배경색=#012fed|글자색=white|여백=2px 3px|곡률=3px|사이즈=8pt|내용=알파카파카}}
+|<tt><nowiki>{{글배경|배경색=#012fed|글자색=white|여백=2px 3px|곡률=3px|사이즈=8pt|내용=알파카파카}}</nowiki></tt>
+|-
+|{{style|align=center}}|{{글배경|배경색=#012fed|글자색=white|여백=2px 3px|곡률=3px|사이즈=.8em|볼드=on|내용=둥굵알파카}}
+|<tt><nowiki>{{글배경|배경색=#012fed|글자색=white|여백=2px 3px|곡률=3px|사이즈=.8em|볼드=on|내용=둥굵알파카}}</nowiki></tt>
+|}
+== 둘러보기 ==
+{{김찬 제작 틀}}
+{{문서 가져옴|틀:글배경/설명문서|331223}}