단 나누기
잡지처럼 여러 개의 단으로 나뉘어진 문서를 만들 수 있도록 한다.
기호 설명
A | B: A 또는 B 중의 하나이다. <A>: A 속성의 값이 들어간다. A || B: A 또는 B 중의 하나, 또는 둘 다가 들어간다.
columns: 길이 | 숫자 | 퍼센트
Block-level element에 적용되며, 유전되지 않는다.
초기값은 1이다.
column-gap: 길이 | 퍼센트
Block-level element에 적용되며, 유전되지 않는다.
초기값은 브라우저에 따라 다르다.
column-rule-width: <'border-width'>
Block-level element에 적용되며, 유전되지 않는다.
초기값은 medium이다.
column-rule-style: <'border-style'>
Block-level element에 적용되며, 유전되지 않는다.
초기값은 none이다.
Block-level element에 적용되며, 유전되지 않는다.
초기값은 color 속성의 값이다.
column-rule: <'column-rule-width'> || <'column-rule-style'> || <'column-rule-color'>
Block-level element에 적용되며, 유전되지 않는다.
초기값은 각각의 속성의 초기값이다.
<HTML>
<HEAD>
<STYLE type="text/css">
DIV { columns: 3; column-gap: 1em }
</STYLE>
</HEAD>
<BODY>
<DIV>
<IMG src="column.gif" class=logo>
<P>여기는 두 번째 단이 되겠지요. 그림이 첫 번째 단이 되는 것이고...
<P>요기는 세 번째 단이어야 하는데...
</DIV>
</BODY>
</HTML>
예에서 볼 수 있듯이 익스플로러 4.0에서 아직 지원되지 않는다.