Style columnCount 속성

정의와 사용법

columnCount 속성은 요소가 얼마나 열로 나누어져야 하는지 정의합니다.

추가 참조하십시오：

CSS3 강의：CSS 다중 열

CSS 참조 가이드：column-count 속성

예제

div 요소 내의 텍스트를 세 열로 나눕니다：

document.getElementById("myDIV").style.columnCount = 3;

직접 시도해 보세요

문법

columnCount 속성 반환：

object.style.columnCount

columnCount 속성 설정：

object.style.columnCount = "number|auto|initial|inherit"

속성 값

값 설명
number 요소 내용이 분할되는 최적의 열 수.
auto 기본 값。 다른 속성에 의해 열 수가 결정됩니다. 예를 들어 "column-width".
initial 이 속성을 기본 값으로 설정합니다. 참조하십시오 initial。
inherit 부모 요소에서 이 속성을 상속합니다. 참조하십시오 inherit。

기술 세부 사항

기본 값： auto
반환 값： 문자열로, 요소의 column-count 속성。
CSS 버전： CSS3

브라우저 지원

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