틀:Div col/설명문서

이 문서는 틀:Div col에 대한 설명입니다.
여기에는 틀 사용법, 분류 등 원래의 틀 문서에는 포함되지 않는 내용을 담고 있습니다.

__EXPECTED_UNCONNECTED_PAGE__

이 틀은 문장이나 목록를 컬럼(단)으로 만드는데 사용합니다. 표 태그를 이용하여 단을 구현하는 경우, {{col-begin}}, {{col-end}}를 이용하시기 바랍니다.

변수

small=yes: 글꼴 크기 작게 (80 %)입니다. 기본값은 "no" 입니다.
rules: 단과 단 사이에 새로 줄을 표시합니다. 줄의 굵기는 변수 gap의 값에 의해 정해집니다.
class: CSS의 클래스 값
colwidth: 열의 너비를 지정합니다. px, em, % 등 단위를 지정합니다.
gap: 단과 단 사이의 간격을 정합니다. 이 값은 rules=yes에 의해 표시되는 줄의 굵기의 값이기도 합니다.
style: CSS의 style 값
content: 단으로 변환하여 보여줄 내용의 값입니다. content 변수 이름 없이 |이후로 입력된 내용은 content의 값에 해당합니다.

colwidth의 값에 따라 단을 나누기에 값이 없으면, 아무련 효과가 없습니다. 이 틀이 작동하려면 반드시 colwidth에 값을 넣으셔야 합니다.

{{div col|colwidth=10em}}
* a
* b
* c
* d
* e
* f
* g
* h
{{Div col end}}

{{Div col|small=yes}}
* a
* b
* c
* d
* e
* f
* g
* h
{{Div col end}}

이 틀은 문장 혹은 목록 등의 다단으로 표시 처리할 내용을 div 태그에 CSS style 변수 column-..., break-...를 적용하여 출력합니다.

틀 변수
이 틀은 한 줄로 쓰는 것이 권장됩니다.
변수		설명	형식	상태
colwidth	`colwidth`	열의 너비를 px, em, % 등의 단위로 지정합니다. 예시 200px, 14rem 8em, 50%	숫자	필수
small	`small`	내용의 크기를 80% 작게 표시해줍니다. CSS 변수값은 font-size:small 입니다. 기본값 no 예시 small=yes	불리언	선택 사항
rules	`rules`	단과 단 사이에 새로 줄을 표시합니다. 줄의 굵기는 변수 gap의 값에 의해 정해집니다. 기본값 no 예시 rules=yes 자동 값 `no`	불리언	선택 사항
gap	`gap`	단과 단 사이의 간격을 정합니다. 이 값은 rules=yes에 의해 표시되는 줄의 굵기의 값이기도 합니다.	숫자	선택 사항
content	`content`	단으로 변환하여 보여줄 내용의 값입니다. 원본 편집에서 변수명 없이 내용을 넣었다면 이 변수에 값을 넣은 것으로 간주합니다.	내용	필수
class	`class`	CSS의 클래스 값	내용	선택 사항
style	`style`	CSS의 style 값	내용	선택 사항

이 틀은 다음의 CSS 속성을 지원하는 브라우저에서 멀티 컬럼을 생성합니다:

따라서, 이 틀은 인터넷 익스플로러 10미만이나 오페라 11.1미만의 버전에서는 작동하지 않습니다.