Latest web development tutorials

HTML DOM 스타일 열 속성

스타일 객체 참조 스타일 개체

예

텍스트는 세 개의 열, 100 픽셀의 각각의 최소로 분할된다 :

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

»시도

정의 및 사용

열 속성 columnWidth의 및 columnCount 이후를 설정하는 약식 속성이다.

브라우저 지원

Internet ExplorerFirefoxOperaGoogle ChromeSafari

오페라 및 Internet Explorer 10 지원 열 속성입니다.

파이어 폭스는 MozColumns 속성이 property 속성의 또 다른 대안을 지원합니다.

사파리와 크롬 속성을 WebkitColumns property 속성의 또 다른 대안을 지원합니다.

문법

위로 열 속성 :

object .style.columns

열 속성 설정 :

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

속성 값

值 描述
auto 默认值。设置 column-width 为 "auto"，column-count 为 "auto"。
columnWidth 列的宽度。
columnCount 列数。
initial 设置该属性为它的默认值。请参阅 initial 。
inherit 从父元素继承该属性。请参阅 inherit 。

기술 세부 사항

기본값 : 자동 자동
반환 값 : 열이 요소 속성을 나타내는 문자열입니다.
CSS 버전 CSS3

관련 기사

CSS3 튜토리얼 : CSS3 다중 열

CSS 참조 : 열 속성

스타일 객체 참조 스타일 개체