CSS 컬럼 너비 속성

정의와 사용법

column-width 속성은 열의 너비를 정의합니다.

추가로 참조:

CSS3 강의:CSS3 다중 열

HTML DOM 참조 매뉴얼:columnWidth 속성

예제

열의 너비를 정의합니다:

div
{
column-width:100px;
}

직접 시도해 보세요

페이지 하단에 더 많은 예제가 있습니다.

CSS 문법

column-width: auto|length;

속성 값

값 설명 테스트
auto 브라우저가 열 너비를 결정합니다. 테스트
length 열의 너비를 정의합니다. 테스트

기술 세부 사항

기본 값: auto
thừa kế: no
버전: CSS3
JavaScript 문법: object.style.columnWidth="100px"

더 많은 예제

Column-count
div 요소 내의 텍스트를 세 열로 나눕니다.
Column-gap
div 요소 내의 텍스트를 세 열로 나누고, 간격을 30 픽셀로 설정합니다.
Column-rule
열 사이의 너비, 스타일, 그리고 색상을 정의합니다.

브라우저 지원

표에서의 숫자는 이 속성을 완전히 지원하는 첫 번째 브라우저 버전을 나타냅니다.

빠른 모든 버전에서 사용되는 접두사를 가진 숫자는 첫 번째 버전을 의미합니다.

크롬 IE / 엣지 파이어폭스 사파리 오페라
50.0 10.0 52.0 10.0 37.0