css

multi columns(다단)

Bittersweet- 2020. 7. 5. 20:48
728x90

columns : width count;

 

auto : 브라우저가 단의 너비와 개수를 설정

column-width : 단의 최적의 너비를 설정 (auto, px, em, cm 설정)

column-count : 단의 개수를 설정 (auto, 숫자로 설정)

column-gap : 단과 단 사이의 간격 설정 (normal, px, em, cm)

 

column-rule : 두께 스타일 컬러;

단과 단 사이의 (구분)선을 지정. 선의 색상은 요소의 글자 색상 color 색상의 영향을 같이 받음으로 지정하지 않으면 글자 색상과 동일한 색상으로 구현됨.

    column-width : 선의 두께 지정

    column-style : 선의 스타일 지정

    column-color : 선의 컬러 지정

 

 

 

'css' 카테고리의 다른 글

flex items 속성 - order  (0) 2020.07.08
flex(container에게 적용할 속성)  (0) 2020.07.06
animation  (0) 2020.07.05
transform(변환 속성)  (0) 2020.07.04
transform(변환)  (0) 2020.07.04