코드랩 레퍼런스

column-rule-width 본문

CSS

column-rule-width

webstoryboy 2016. 6. 23. 11:13
column-rule-width 속성은 컬럼 라인의 가로값을 정의합니다.

Summary

특징 설명
기본 값 medium
상속 안됨
애니메이션 가능
버전 CSS3

Definition

  • column-rule-width 속성은 컬럼 라인의 가로값을 정의합니다.

Syntax

column-rule-width : medium | thin | thick | length | inherit;

Property

속성 값 설명
medium 컬럼의 가로값을 medium(기본값)으로 설정합니다.
thin 컬럼의 가로값을 thin으로 설정합니다.
thick 컬럼의 가로값을 thick으로 설정합니다.
length 컬럼의 가로값을 CSS 단위로 설정합니다.
inherit 컬럼의 가로 속성 값을 상위요소한테 상속받습니다.

Compatibility

크롬 아이콘 파이어폭스 아이콘 사파리 아이콘 오페라 아이콘 안드로이드 아이콘 ios 아이콘 익스플로러6 아이콘 6 익스플로러7 아이콘 7 익스플로러8 아이콘 8 익스플로러9 아이콘 9 익스플로러10 아이콘 10 익스플로러11 아이콘 11 엣지 아이콘
column-rule-width

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.”

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







Ad

Comments