column-width

column-width 속성은 컬럼의 가로 값을 정의합니다.

Summary

특징	설명
기본 값	auto
상속	안됨
애니메이션	가능
버전	CSS3

Definition

• column-width 속성은 컬럼의 가로 값을 정의합니다.

Syntax

column-width : auto | length | inherit;

Property

속성 값	설명
auto	컬럼의 크기를 자동(기본값)으로 설정합니다.
length	컬럼의 크기를 CSS 단위로 설정합니다.
inherit	컬럼의 크기를 상위요소한테 상속받습니다.

Compatibility

							6	7	8	9	10	11
column-width

Sample

"The grid system is an aid, not a guarantee. It permits a number of possible uses and each designer can look for a solution appropriate to his personal style. But one must learn how to use the grid; it is an art that requires practice.”

그리드 시스템은 디자인 결과를 보장하는 것이 아니라, 각기 다른 디자이너들이 자신만의 개성 있는 스타일에 적합한 해결책을 찾을 수 있도록 객관적인 방법을 제공합니다. 그리드 시스템을 활용하려면, 그리드를 사용하는 방법을 배우려고 노력해야 합니다. 그리드 연습이 필요한 예술이기 때문입니다.

column-width : auto;
column-width : 100px;
column-width : 200px;
column-width : 300px;