Style columnRuleStyle 속성

정의와 사용법

columnRuleStyle 칸 사이 규칙 스타일을 정의하는 속성

추가 참조：

CSS3 교육：CSS 다중 열

CSS 참조 매뉴얼：column-rule-style 속성

예제

칸 사이 규칙 스타일 변경：

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

직접 시도해 보세요

문법

columnRuleStyle 속성 반환：

object.style.columnRuleStyle

columnRuleStyle 속성 설정：

object.style.columnRuleStyle = "none|hidden|dotted|dashed|solid|double|groove|ridge|inset|outset|initial|inherit"
값 설명
none 경계선이 없음을 정의합니다. 기본 값。
hidden "none"과 동일하지만, 테이블 요소의 경계선 충돌을 해결하는 경우 제외됩니다。
dotted 점자 경계선을 정의합니다。
dashed 점선 경계선을 정의합니다。
solid 실체 경계선을 정의합니다。
double 두 경계선을 정의합니다. 두 경계선의 너비는 border-width의 값과 동일합니다。
groove 3D groove 경계선을 정의합니다. 효과는 border-color 의 값
ridge 3D ridgeline 경계선을 정의합니다. 효과는 border-color 의 값
inset 3D inset 경계선을 정의합니다. 효과는 border-color 의 값
outset 3D outset 경계선을 정의합니다. 효과는 border-color 의 값
initial 이 속성을 기본 값으로 설정합니다. 참조하십시오 initial。
inherit 부모 요소에서 이 속성을 상속합니다. 참조하십시오 inherit。

기술 세부 사항

기본 값： 없음
반환 값： 문자열로, 요소의 column-rule-style 속성。
CSS 버전： CSS3

브라우저 지원

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