Style columns 속성

정의와 사용법

columns 속성은 columnWidth와 columnCount를 설정하는 간단한 속성입니다。

다른 참조를 참조하세요：

CSS3 가이드：CSS 다 열

CSS 참조 가이드：columns 속성

예제

텍스트를 세 열로 나눕니다. 각 열은 최소 100픽셀입니다：

document.getElementById("myDIV").style.columns = "100px 3";

직접 시도해 보세요

문법

columns 속성 반환：

object.style.columns

columns 속성 설정：

object.style.columns = "auto|column-width column-count|initial|inherit"

속성 값

값 설명
auto 기본 값。열 너비를 "auto"로 설정하고, 열 수를 "auto"로 설정합니다。
columnWidth 열의 너비。
columnCount 열 수。
initial 이 속성을 기본 값으로 설정합니다. 참조하십시오 initial。
inherit 부모 요소에서 이 속성을 상속합니다. 참조하십시오 inherit。

기술 세부 사항

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

브라우저 지원

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