column-rule
column-rule 속성은 컬럼 라인의 가로값, 스타일, 컬러를 정의합니다.
column-rule
column-rule 속성은 컬럼 라인의 가로값, 스타일, 컬러를 정의합니다.
| 특징 | 설명 |
|---|---|
| 기본 값 |
column-rule-width : medium; column-rule-style : none; column-rule-color : color; |
| 적용 | column |
| 버전 | CSS3 |
정의(Definition)
- column-rule 속성은 컬럼 라인의 가로값, 스타일, 컬러를 정의합니다.
문법(Syntax)
column-rule : column-rule-width | column-rule-style | column-rule-color
/* 한 가지 속성 column-rule-style을 적용한 경우 */
column-rule: dashed;
/* 두 가지 속성 column-rule-style | column-rule-width을 적용한 경우 */
column-rule: solid 10px;
/* 두 가지 속성 column-rule-style | column-rule-color을 적용한 경우 */
column-rule: double #f00;
/* 세 가지 속성 column-rule-width | column-rule-style | column-rule-color을 적용한 경우 */
column-rule: thick inset blue;
/* 글로벌 속성을 적용한 경우 */
column-rule: inherit;
column-rule: initial;
column-rule: unset;
속성(Property)
| 속성값 | 설명 |
|---|---|
| column-rule-width | 컬럼 라인의 가로 값을 설정합니다. |
| column-rule-style | 컬럼 라인의 스타일을 설정합니다. |
| column-rule-color | 컬럼 라인의 컬러를 설정합니다. |
호환성(Compatibility)
 |
 |
 |
 |
 |
 6 |
 7 |
8 |
 9 |
 10 |
 11 |
 |
 |
 |
|
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
| column-rule | 사용가능 | 사용가능 | 사용가능 | 사용가능 | 사용가능 | 사용안됨 | 사용안됨 | 사용안됨 | 사용안됨 | 사용가능 | 사용가능 | 사용가능 | 사용가능 | 사용가능 |
| column-rule-width | 사용가능 | 사용가능 | 사용가능 | 사용가능 | 사용가능 | 사용안됨 | 사용안됨 | 사용안됨 | 사용안됨 | 사용가능 | 사용가능 | 사용가능 | 사용가능 | 사용가능 |
| column-rule-style | 사용가능 | 사용가능 | 사용가능 | 사용가능 | 사용가능 | 사용안됨 | 사용안됨 | 사용안됨 | 사용안됨 | 사용가능 | 사용가능 | 사용가능 | 사용가능 | 사용가능 |
| column-rule-color | 사용가능 | 사용가능 | 사용가능 | 사용가능 | 사용가능 | 사용안됨 | 사용안됨 | 사용안됨 | 사용안됨 | 사용가능 | 사용가능 | 사용가능 | 사용가능 | 사용가능 |
