틀:글씨 테두리: 두 판 사이의 차이

2025년 1월 7일 (화) 23:55 기준 최신판

분류:

틀:글씨 테두리
사용문서	새로고침
넘겨주기	이동하기
2025-01-07에 마지막으로 수정됨

내용

설명

이 틀은 {{border}}로도 사용할 수 있습니다.

text-shadow를 이용해 글씨에 테두리를 입힐 수 있는 틀입니다.

사용법

{{border|<테두리 색>|<글씨 색>|<효과가 적용된 내용>}}

테두리 효과와 네온 효과를 함께 적용하고 싶다면 틀:네온 글씨의 테두리 변수를 이용하십시오.

추가 변수	변수 설명
두께	테두리의 두께입니다. 기본값은 1이며, 다른 숫자를 넣어 두께를 조절할 수 있습니다.

{{border|inner|<테두리 색>}}

위처럼 사용하면 text-shadow: [여기];에 해당하는 구문만 출력됩니다. 즉 다른 요소의 style 안에서 직접 코드를 입력하고 싶을 때 사용할 수 있습니다.

사용 예제

입력	출력
{{border\|red\|white\|글씨}}	글씨

둘러보기

+

김찬 제작 틀

[ 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	틀:하이라이트	틀:혐오적 요소	틀:호감도
틀:흑백

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

@@ 1번째 줄: / 1번째 줄: @@
 {{namucat|김찬/제작한 틀|문법 편의 틀}}
 {{틀 도움}}
-<onlyinclude><span style="text-shadow: {{{두께|1}}}px {{{두께|1}}}px {{#switch:{{{1|}}}|link = var(--namu--hyperlink)|nolink = var(--namu--hyperlink--no)|exlink = var(--namu--externallink--text)|darklink = #ec9f19|jwiki = #880e4f|default = var(--namu--text)|{{{1|black}}}}}, {{{두께|1}}}px 0px {{#switch:{{{1|}}}|link = var(--namu--hyperlink)|nolink = var(--namu--hyperlink--no)|exlink = var(--namu--externallink--text)|darklink = #ec9f19|jwiki = #880e4f|default = var(--namu--text)|{{{1|black}}}}}, 0px {{{두께|1}}}px {{#switch:{{{1|}}}|link = var(--namu--hyperlink)|nolink = var(--namu--hyperlink--no)|exlink = var(--namu--externallink--text)|darklink = #ec9f19|jwiki = #880e4f|default = var(--namu--text)|{{{1|black}}}}}, -{{{두께|1}}}px -{{{두께|1}}}px {{#switch:{{{1|}}}|link = var(--namu--hyperlink)|nolink = var(--namu--hyperlink--no)|exlink = var(--namu--externallink--text)|darklink = #ec9f19|jwiki = #880e4f|default = var(--namu--text)|{{{1|black}}}}}, -{{{두께|1}}}px 0px {{#switch:{{{1|}}}|link = var(--namu--hyperlink)|nolink = var(--namu--hyperlink--no)|exlink = var(--namu--externallink--text)|darklink = #ec9f19|jwiki = #880e4f|default = var(--namu--text)|{{{1|black}}}}}, 0px -{{{두께|1}}}px {{#switch:{{{1|}}}|link = var(--namu--hyperlink)|nolink = var(--namu--hyperlink--no)|exlink = var(--namu--externallink--text)|darklink = #ec9f19|jwiki = #880e4f|default = var(--namu--text)|{{{1|black}}}}}, {{{두께|1}}}px -{{{두께|1}}}px {{#switch:{{{1|}}}|link = var(--namu--hyperlink)|nolink = var(--namu--hyperlink--no)|exlink = var(--namu--externallink--text)|darklink = #ec9f19|jwiki = #880e4f|default = var(--namu--text)|{{{1|black}}}}}, -{{{두께|1}}}px {{{두께|1}}}px {{#switch:{{{1|}}}|link = var(--namu--hyperlink)|nolink = var(--namu--hyperlink--no)|exlink = var(--namu--externallink--text)|darklink = #ec9f19|jwiki = #880e4f|default = var(--namu--text)|{{{1|black}}}}}; color: {{#switch:{{{2|}}}|link = var(--namu--hyperlink)|nolink = var(--namu--hyperlink--no)|exlink = var(--namu--externallink--text)|darklink = #ec9f19|jwiki = #880e4f|default = var(--namu--text)|{{{2|white}}}}}">{{{3|내용}}}</span></onlyinclude>
+<onlyinclude>{{#ifeq:{{{1|}}}|inner|{{{두께|1}}}px 0 {{{2|}}}, {{{두께|1}}}px {{{두께|1}}}px {{{2|}}}, 0 {{{두께|1}}}px {{{2|}}}, -{{{두께|1}}}px {{{두께|1}}}px {{{2|}}}, -{{{두께|1}}}px 0 {{{2|}}}, -{{{두께|1}}}px -{{{두께|1}}}px {{{2|}}}, 0 -{{{두께|1}}}px {{{2|}}}, {{{두께|1}}}px -{{{두께|1}}}px {{{2|}}}|<span style="text-shadow: {{{두께|1}}}px {{{두께|1}}}px {{#switch:{{{1|}}}|link = var(--namu--hyperlink)|nolink = var(--namu--hyperlink--no)|exlink = var(--namu--externallink--text)|darklink = #ec9f19|jwiki = #880e4f|default = var(--namu--text)|{{{1|black}}}}}, {{{두께|1}}}px 0px {{#switch:{{{1|}}}|link = var(--namu--hyperlink)|nolink = var(--namu--hyperlink--no)|exlink = var(--namu--externallink--text)|darklink = #ec9f19|jwiki = #880e4f|default = var(--namu--text)|{{{1|black}}}}}, 0px {{{두께|1}}}px {{#switch:{{{1|}}}|link = var(--namu--hyperlink)|nolink = var(--namu--hyperlink--no)|exlink = var(--namu--externallink--text)|darklink = #ec9f19|jwiki = #880e4f|default = var(--namu--text)|{{{1|black}}}}}, -{{{두께|1}}}px -{{{두께|1}}}px {{#switch:{{{1|}}}|link = var(--namu--hyperlink)|nolink = var(--namu--hyperlink--no)|exlink = var(--namu--externallink--text)|darklink = #ec9f19|jwiki = #880e4f|default = var(--namu--text)|{{{1|black}}}}}, -{{{두께|1}}}px 0px {{#switch:{{{1|}}}|link = var(--namu--hyperlink)|nolink = var(--namu--hyperlink--no)|exlink = var(--namu--externallink--text)|darklink = #ec9f19|jwiki = #880e4f|default = var(--namu--text)|{{{1|black}}}}}, 0px -{{{두께|1}}}px {{#switch:{{{1|}}}|link = var(--namu--hyperlink)|nolink = var(--namu--hyperlink--no)|exlink = var(--namu--externallink--text)|darklink = #ec9f19|jwiki = #880e4f|default = var(--namu--text)|{{{1|black}}}}}, {{{두께|1}}}px -{{{두께|1}}}px {{#switch:{{{1|}}}|link = var(--namu--hyperlink)|nolink = var(--namu--hyperlink--no)|exlink = var(--namu--externallink--text)|darklink = #ec9f19|jwiki = #880e4f|default = var(--namu--text)|{{{1|black}}}}}, -{{{두께|1}}}px {{{두께|1}}}px {{#switch:{{{1|}}}|link = var(--namu--hyperlink)|nolink = var(--namu--hyperlink--no)|exlink = var(--namu--externallink--text)|darklink = #ec9f19|jwiki = #880e4f|default = var(--namu--text)|{{{1|black}}}}}; color: {{#switch:{{{2|}}}|link = var(--namu--hyperlink)|nolink = var(--namu--hyperlink--no)|exlink = var(--namu--externallink--text)|darklink = #ec9f19|jwiki = #880e4f|default = var(--namu--text)|{{{2|white}}}}}">{{{3|내용}}}</span>}}</onlyinclude>
 == 설명 ==
@@ 13번째 줄: / 13번째 줄: @@
 테두리 효과와 네온 효과를 함께 적용하고 싶다면 [[틀:네온 글씨]]의 테두리 변수를 이용하십시오.
-{|{{style|class=wiki|width=100%}}
+{|{{style|class=wiki}}
 |-
 !추가 변수||변수 설명
@@ 21번째 줄: / 21번째 줄: @@
 |}
-색깔을 입력하는 곳에 다음 변수를 넣으면 해당하는 색으로 정해집니다.
+<pre>{{border|inner|<테두리 색>}}</pre>
-{{MT}}
+위처럼 사용하면 <code>text-shadow: [여기];</code>에 해당하는 구문만 출력됩니다. 즉 다른 요소의 style 안에서 직접 코드를 입력하고 싶을 때 사용할 수 있습니다.
-|-
-|link
-|{{c|#337ab7|#337ab7}}
-|내부 링크 색
-|-
-|nolink
-|{{c|#ba0000|#ba0000}}
-|없는 문서 내부 링크 색
-|-
-|exlink
-|{{c|#33b733|#33b733}}
-|외부 링크 색
-|-
-|darklink
-|{{c|#ec9f19|#ec9f19}}
-|나무위키 다크 테마 링크 색
-|-
-|jwiki
-|{{c|#880e4f|#880e4f}}
-|제이위키 상징 색
-|-
-|default
-|{{c|#373a3c|#373a3c}}
-|기본 글자 색
-{{MT끝}}
 == 사용 예제 ==
-{{MT}}
+{|{{style|class=wiki}}
 |-
 !입력
@@ 58번째 줄: / 33번째 줄: @@
 |<nowiki>{{border|red|white|글씨}}</nowiki>
 |{{border|red|white|글씨}}
-{{MT끝}}
+|}
 == 둘러보기 ==
 {{김찬 제작 틀}}