[CSS] columns

columns

columns 속성은 열의 폭과 열의 수를 정의합니다.

---

columns

columns 속성은 열의 폭과 열의 수를 정의합니다.

특징	설명
기본 값	column-width : auto; column-count : auto;
적용	column
버전	CSS3

정의(Definition)

• columns 속성은 열의 폭과 열의 수를 정의합니다.
• column-width와 column-count를 같이 사용할 경우 count가 우선 적용됩니다.

문법(Syntax)

columns : auto | column-width | column-count

/* 단위 속성이 있는 경우 : column-width 설정 */
columns: 12em;

/* 단위 속성이 없는 경우 : column-count 설정 */
columns: 3;

/* 두 개의 속성이 있는 경우 : column-count | auto */
columns: 2 auto;

/* 두 개의 속성이 있는 경우 : column-width | auto */
columns: 10em auto;

/* 두 개의 속성이 있는 경우 : auto | auto */
columns: auto auto;

속성(Property)

속성값	설명
auto	컬럼을 자동으로 설정합니다.
column-width	컬럼의 가로 값을 설정합니다.
column-count	컬럼의 갯수를 설정합니다.

호환성(Compatibility)

						6	7	8	9	10	11
columns	사용가능	사용가능	사용가능	사용가능	사용가능	사용안됨	사용안됨	사용안됨	사용안됨	사용가능	사용가능	사용가능	사용가능	사용가능
column-width	사용가능	사용가능	사용가능	사용가능	사용가능	사용안됨	사용안됨	사용안됨	사용안됨	사용가능	사용가능	사용가능	사용가능	사용가능
column-count	사용가능	사용가능	사용가능	사용가능	사용가능	사용안됨	사용안됨	사용안됨	사용안됨	사용가능	사용가능	사용가능	사용가능	사용가능

---