단 나누기
◀ ▶
잡지처럼 여러 개의 단으로 나뉘어진 문서를 만들 수 있도록 한다.

기호 설명 

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이다.

column-rule-color : 색이름 | RGB값

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에서 아직 지원되지 않는다.
◀ ▶