column-rule

column-rule 속성은 컬럼 라인의 가로값, 스타일, 컬러를 정의합니다.

Summary

특징	설명
기본 값	column-rule-width : medium; column-rule-style : none; column-rule-color : color;
상속	안됨
애니메이션	가능
버전	CSS3

Definition

• column-rule 속성은 컬럼 라인의 가로값, 스타일, 컬러를 정의합니다.

Syntax

column-rule : column-rule-width | column-rule-style | column-rule-color | inherit;

Property

속성 값	설명
column-rule-width	컬럼 라인의 가로 값을 설정합니다.
column-rule-style	컬럼 라인의 스타일을 설정합니다.
column-rule-color	컬럼 라인의 컬러를 설정합니다.
inherit	컬럼 라인의 속성 값을 상위요소한테 상속받습니다.

Compatibility

							6	7	8	9	10	11
column-rule
column-width
column-style
column-color

Sample

"The grid system is an aid, not a guarantee. It permits a number of possible uses and each designer can look for a solution appropriate to his personal style. But one must learn how to use the grid; it is an art that requires practice.”

그리드 시스템은 디자인 결과를 보장하는 것이 아니라, 각기 다른 디자이너들이 자신만의 개성 있는 스타일에 적합한 해결책을 찾을 수 있도록 객관적인 방법을 제공합니다. 그리드 시스템을 활용하려면, 그리드를 사용하는 방법을 배우려고 노력해야 합니다. 그리드 연습이 필요한 예술이기 때문입니다.

column-rule : 5px solid #b3e5fc;
column-rule : 6px dotted #b3e5fc;
column-rule : 7px dashed #b3e5fc;
column-rule : 8px groove #b3e5fc;
column-rule : 9px ridge #b3e5fc;
column-rule : 10px outset #b3e5fc;
column-rule : 1px hidden transparent;