본문 바로가기

Webstoryboy

Category

Explanation

CSS

[CSS] column-rule

column-rule

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


column-rule

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

정의(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 아이콘6 익스플로러7 아이콘7 익스플로러8 아이콘8 익스플로러9 아이콘9 익스플로러10 아이콘10 익스플로러11 아이콘11 엣지 아이콘 안드로이드 아이콘 ios 아이콘
column-rule 사용가능 사용가능 사용가능 사용가능 사용가능 사용안됨 사용안됨 사용안됨 사용안됨 사용가능 사용가능 사용가능 사용가능 사용가능
column-rule-width 사용가능 사용가능 사용가능 사용가능 사용가능 사용안됨 사용안됨 사용안됨 사용안됨 사용가능 사용가능 사용가능 사용가능 사용가능
column-rule-style 사용가능 사용가능 사용가능 사용가능 사용가능 사용안됨 사용안됨 사용안됨 사용안됨 사용가능 사용가능 사용가능 사용가능 사용가능
column-rule-color 사용가능 사용가능 사용가능 사용가능 사용가능 사용안됨 사용안됨 사용안됨 사용안됨 사용가능 사용가능 사용가능 사용가능 사용가능

더보기

인스타그램 보기 바로가기

포트폴리오 스터디 바로가기

유튜브 영상보기 바로가기