HTML CSS 다단 속성 부류

소개글

Css – 다단(multiple column) 속성 부류
① 각 속성에 대해서 정리할 내용으로 속성의 기능, 속성값, 사용 방법은 반 드시 포함해야 한다. ② 정리할 각 속성은 부류 별로 구분하고, 각 부류 별로 속성에 1번부터 번호를 매겨서 정리한다.

목차

없음

본문내용

다단(multiple column)
1. Column-width
기능 : 다중 열 레이아웃에서 이상적인 열 너비를 설정합니다. 컨테이너에는 너비가 값보다 작은 열이 없이 들어갈 수 있는 만큼의 열이 있습니다 . 컨테이너의 너비가 지정된 값보다 좁으면 단일 열의 너비가 선언된 열 너비보다 작아집니다.
속성값 :
length : 최적의 열 너비를 나타냅니다. 실제 열 너비는 지정된 값과 다를 수 있습니다. 사용 가능한 공간을 채우는 데 필요한 경우 더 넓을 수 있고 사용 가능한 공간이 너무 작으면 더 좁을 수도 있습니다. 값은 반드시 양수여야 하며 그렇지 않으면 선언이 유효하지 않습니다. 백분율 값도 유효하지 않습니다.

auto : 열의 너비는 와 같은 다른 CSS 속성에 의해 결정됩니다

사용방법 :
column-width: auto;
column-width: 60px;
column-width: 15.5em;
column-width: 3.3vw;

참고 자료

없음