예
열 사이의 규칙의 스타일을 변경합니다 :
document.getElementById("myDIV").style.columnRuleStyle = "dotted";
»그것을 자신을 시도 정의 및 사용
columnRuleStyle 속성은 열 사이의 규칙의 스타일을 지정합니다.
브라우저 지원
columnRuleStyle 속성은 인터넷 익스플로러 (10)와 오페라에서 지원됩니다.
파이어 폭스의 방법은 MozColumnRuleStyle 속성을 지원합니다.
사파리와 크롬의 방법은 WebkitColumnRuleStyle 속성을 지원합니다.
통사론
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 | 3 차원 홈 규칙을 지정합니다. 이 효과는 폭과 컬러 값에 의존 |
| ridge | 3 차원 산마루 규칙을 지정합니다. 이 효과는 폭과 컬러 값에 의존 |
| inset | 3 차원 삽입 규칙을 지정합니다. 이 효과는 폭과 컬러 값에 의존 |
| outset | 3 차원 처음부터 규칙을 지정합니다. 이 효과는 폭과 컬러 값에 의존 |
| initial | 기본값으로이 속성을 설정합니다. 초기 읽기에 대한 |
| inherit | 부모 요소에서이 속성을 상속합니다. 대한 상속 읽기 |
기술적 세부 사항
| 기본값: | 없음 |
|---|---|
| 반환 값 : | 요소의 열 규칙 스타일의 속성을 나타내는 문자열 |
| CSS 버전 | CSS3 |
관련 페이지
CSS3 튜토리얼 : CSS3 다중 열
CSS 참조 : column-rule-style property
<스타일 개체