[CSS] multi-column(다중 컬럼)

suyeon·2022년 6월 7일
0

Frontend

목록 보기
10/19
post-thumbnail

🐹 multi-column(다중 컬럼)

  • CSS에서는 신문과 같이 여러 개의 칼럼(column)으로 구성되는 구조를 column 속성을 이용하여 손쉽게 만들 수 있다.

  • 속성 |

    속성설명
    columns모든 columns 속성을 이용한 스타일을 한 줄에 설정할 수 있음.
    column-count해당 요소를 몇 개의 칼럼(column)으로 나눌지를 설정함.
    column-gap칼럼 사이의 간격을 설정함.
    column-width칼럼의 너비를 설정함.
    column-span해당 요소가 몇 개의 칼럼(column)을 병합해서 표현할지를 설정함.
    column-fill칼럼을 어떻게 채울지 설정함.
    column-rule모든 columns 속성을 이용한 스타일을 한 줄에 설정할 수 있음.
    column-rule-style칼럼 사이에 들어갈 라인의 스타일을 설정함.
    column-rule-width칼럼 사이에 들어갈 라인의 두께를 설정함.
    column-rule-color칼럼 사이에 들어갈 라인의 색상을 설정함.

0개의 댓글