정보상자 칸/설명문서 편집하기

{{위백복붙}}

출처: [https://ko.wikipedia.org/wiki/%ED%8B%80:%EC%A0%95%EB%B3%B4%EC%83%81%EC%9E%90_%EC%B9%B8 한국어 위키백과(CC BY-SA 3.0)]

정보상자를 만들 때 사용합니다. 다음 틀과 함께 사용해주세요.
* {{틀|정보상자 그림칸}}
* {{틀|정보상자 큰칸}}

== 사용 ==
기본적인 사용은 다음과 같습니다.
* 첫 번째 변수는 항목 제목이 들어갑니다.
* 두 번째 변수는 항목에 대응하는 값이 들어갑니다. 만약 두 번째 변수가 비었을 경우는 아무것도 출력되지 않습니다. 일반적으로는 <nowiki>{{{값|}}}</nowiki>처럼 매개변수를 대입합니다.
* 세 번째 변수는 선택사항입니다. 만약 값을 표시할 때 "<nowiki>[[{{{값|}}}]]</nowiki>"처럼 추가적인 문자열을 넣어야 한다면, <nowiki>{{{값|}}}</nowiki>이 비었다고 해도 두 번째 변수에서는 "<nowiki>[[]]</nowiki>"가 입력되므로 "<nowiki>{{{값|}}}</nowiki>"이 비었는지 검사할 수 없습니다. 이럴 때에는 두 번째 변수에 "<nowiki>{{{값|}}}</nowiki>"을, 세 번째 변수에 "<nowiki>[[{{{값|}}}]]</nowiki>"을 입력해줍니다.

=== 예제 ===
<pre><nowiki>
{| class="infobox"
|+ 상자 제목
{{정보상자 그림칸|Example.png|예제 파일}}
{{정보상자 그림칸|Example.svg|다른 예제 파일|크기=100px}}
{{정보상자 칸|제목1|값1}}
{{정보상자 칸|제목2|값2}}
{{정보상자 소제목|소제목1}}
{{정보상자 칸|제목3|값3}}
{{정보상자 큰칸|제목 없는 칸}}
|}
</nowiki></pre>

{{#css:
.infobox {
	border: 1px solid #a2a9b1;
	border-spacing: 3px;
	background-color: #f8f9fa;
	color: black;
	/* @noflip */
	margin: 0.5em 0 0.5em 1em;
	padding: 0.2em;
	/* @noflip */
	float: right;
	/* @noflip */
	clear: right;
	font-size: 88%;
	line-height: 1.5em;
	width: 25em;
}
.infobox caption {
	font-size: 125%;
	font-weight: bold;
	padding: 0.2em;
	text-align: center;
}
.infobox td,
.infobox th {
	vertical-align: top;
	/* @noflip */
	text-align: left;
}

.infobox th {
	white-space: nowrap;
}

.infobox.bordered {
	border-collapse: collapse;
}
.infobox.bordered td,
.infobox.bordered th {
	border: 1px solid #a2a9b1;
}
.infobox.bordered .borderless td,
.infobox.bordered .borderless th {
	border: 0;
}

.infobox.sisterproject {
	width: 20em;
	font-size: 90%;
}

.infobox.standard-talk {
	border: 1px solid #c0c090;
	background-color: #f8eaba;
}
.infobox.standard-talk.bordered td,
.infobox.standard-talk.bordered th {
	border: 1px solid #c0c090;
}

/* styles for bordered infobox with merged rows */
.infobox.bordered .mergedtoprow td,
.infobox.bordered .mergedtoprow th {
	border: 0;
	border-top: 1px solid #a2a9b1;
	/* @noflip */
	border-right: 1px solid #a2a9b1;
}

.infobox.bordered .mergedrow td,
.infobox.bordered .mergedrow th {
	border: 0;
	/* @noflip */
	border-right: 1px solid #a2a9b1;
}

/* Styles for geography infoboxes, eg countries,
   country subdivisions, cities, etc.            */
.infobox.geography {
	border-collapse: collapse;
	line-height: 1.2em;
	font-size: 90%;
}

.infobox.geography  td,
.infobox.geography  th {
	border-top: 1px solid #a2a9b1;
	padding: 0.4em 0.6em 0.4em 0.6em;
}
.infobox.geography .mergedtoprow td,
.infobox.geography .mergedtoprow th {
	border-top: 1px solid #a2a9b1;
	padding: 0.4em 0.6em 0.2em 0.6em;
}

.infobox.geography .mergedrow td,
.infobox.geography .mergedrow th {
	border: 0;
	padding: 0 0.6em 0.2em 0.6em;
}

.infobox.geography .mergedbottomrow td,
.infobox.geography .mergedbottomrow th {
	border-top: 0;
	border-bottom: 1px solid #a2a9b1;
	padding: 0 0.6em 0.4em 0.6em;
}

.infobox.geography .maptable td,
.infobox.geography .maptable th {
	border: 0;
	padding: 0;
}
}}{| class="infobox"
|+ 상자 제목
{{정보상자 그림칸|Example.png|예제 파일}}
{{정보상자 그림칸|Example.svg|다른 예제 파일|크기=100px}}
{{정보상자 칸|제목1|값1}}
{{정보상자 칸|제목2|값2}}
{{정보상자 소제목|소제목1}}
{{정보상자 칸|제목3|값3}}
{{정보상자 큰칸|제목 없는 칸}}
|}

실제 정보상자를 만들 때에는 일반적으로 다음과 같이 사용하게 됩니다.

<pre><nowiki>
{| class="infobox"
|+ 상자 제목
{{정보상자 그림칸| {{{그림|}}} | {{{설명|}}} }}
{{정보상자 칸| 제목1 | {{{값1|}}} }}
{{정보상자 칸| 제목2 | {{{값2|}}} }}
{{정보상자 칸| 제목3 | {{{값3|}}} | [[{{{값3|}}}]] }}
|}
</nowiki></pre>

<includeonly>
[[분류:정보상자 틀|칸]]
</includeonly>