Latest web development tutorials

HTML DOM 스타일 columnRuleStyle 속성

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

예

열 사이의 스타일 규칙을 변경 :

document.getElementById("myDIV").style.columnRuleStyle="dotted";

»시도

정의 및 사용

columnRuleStyle 속성은 열 사이의 스타일 규칙을 지정합니다.

브라우저 지원

Internet ExplorerFirefoxOperaGoogle ChromeSafari

인터넷 익스플로러 (10)와 오페라 지원 columnRuleStyle 속성입니다.

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

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

문법

위로 columnRuleStyle 속성 :

object .style.columnRuleStyle

columnRuleStyle 속성 설정 :

object .style.columnRuleStyle="none|hidden|dotted|dashed|solid|double|groove|ridge|inset|outset|
initial|inherit"

속성 값

值 描述
none 默认值。定义没有规则。
hidden 定义隐藏规则。
dotted 定义点状规则。
dashed 定义虚线规则。
solid 定义实线规则。
double 定义双线规则。
groove 规定 3D grooved 规则。该效果取决于宽度和颜色值。
ridge 规定 3D ridged 规则。该效果取决于宽度和颜色值。
inset 规定 3D inset 规则。该效果取决于宽度和颜色值。
outset 规定 3D outset 规则。该效果取决于宽度和颜色值。
initial 设置该属性为它的默认值。请参阅 initial 。
inherit 从父元素继承该属性。请参阅 inherit 。

기술 세부 사항

기본값 : 없음
반환 값 : 요소의 열 규칙 스타일 속성을 표시하는 문자열.
CSS 버전 CSS3

관련 기사

CSS3 튜토리얼 : CSS3 다중 열

CSS 참조 : 열 규칙 스타일의 호텔

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