CSS 컬럼 룰 색상 속성

정의와 사용법

column-rule-color 속성은 칼럼 간의 색상 규칙을 정의합니다.

추가로 참조:

CSS3 가이드:CSS3 다중 열

HTML DOM 참조 가이드:columnRuleColor 속성

实例

칼럼 간의 색상 규칙을 설정합니다:

div {
  column-rule-color: #ff0000;
}

亲自试一试

페이지 하단에 더 많은 예제가 있습니다.

CSS 문법

column-rule-color: color;

속성 값

값 설명
color 색상 규칙을 정의합니다. 참조: CSS 색상 값。

기술 세부 사항

기본 값: black
thừa kế: no
버전: CSS3
JavaScript 문법: object.style.columnRuleColor="#ff00ff"

更多实例

Column-count
div 요소 내의 텍스트를 세 열로 나눕니다.
Column-gap
div 요소 내의 텍스트를 세 열로 나누고, 간격을 30 픽셀로 설정합니다.
Column-rule
칼럼 간의 너비, 스타일, 색상을 정의합니다.

브라우저 지원

표에서의 숫자는 이 속성을 완전히 지원하는 첫 번째 브라우저 버전을 나타냅니다.

prefix를 사용하는 첫 번째 버전의 숫자는 -webkit- 또는 -moz-를 포함합니다.

크롬 IE / 엣지 파이어폭스 사파리 오페라
50.0
4.0 -webkit-		 10.0 52.0
2.0 -moz-		 9.0
3.1 -webkit-		 37.0
15.0 -webkit
11.1