CSS3 다중 칼럼 Multi-column) 레이아웃


CSS3 다중 칼럼 Multi-column) 레이아웃

다중 칼럼(multi-column) 레이아웃 CSS에서는 신문과 같이 여러 개의 칼럼(column)으로 구성되는 구조를 column 속성을 이용하여 손쉽게 만들 수 있습니다. 속성 설명 columns 모든 columns 속성을 이용한 스타일을 한 줄에 설정할 수 있음. column-count 해당 요소를 몇 개의 칼럼(column)으로 나눌지를 설정함. column-gap 칼럼 사이의 간격을 설정함. column-width 칼럼의 너비를 설정함. column-span 해당 요소가 몇 개의 칼럼(column)을 병합해서 표현할지를 설정함. column-fill 칼럼을 어떻게 채울지 설정함. column-rule 모든 columns 속성을 이용한 스타일을 한 줄에 설정할 수 있음. column-rule-st..


원문링크 : CSS3 다중 칼럼 Multi-column) 레이아웃