개발새발 로그

CSS 다단을 정리하면서 본문

CSS

CSS 다단을 정리하면서

이즈흐 2023. 11. 6. 18:52

 

column-count

다단을 만들 수 있게 된다.

 

column-width

단마다 너비를 줄 수 있다.

너비는 최소 너비로 설정되어 column-count에 따라 자동으로 너비가 설정된다.

만약 최소너비보다 column-count가 크다면 column-count가 무시된다.

 

column-rule

단마다 구분선을 줄 수 있다.

 

column-rule-width

column-rule-style

column-rule-color

세가지의 속성을 줄 수도 있다.

 

단축속성도 가능하다.

columns: column-width column-count

 

 

column-gap

-기본 값은 normal

- 단과 단 사이의 거리를 지정할 수 있다.

 

728x90
반응형
LIST