코드랩 레퍼런스

column-fill 본문

CSS

column-fill

webstoryboy 2016. 6. 23. 11:05
column-fill 속성은 열의 지정방법을 정의합니다.

Summary

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

Definition

  • column-fill 속성은 열의 지정방법을 정의합니다.

Syntax

column-fill : balance | auto | inherit;

Property

속성 값 설명
balance 컬럼의 영역을 균형있게 설정합니다.
number 컬럼의 영역을 숫자로 설정합니다.
inherit column-fill의 속성 값을 상위요소한테 상속받습니다.

Compatibility

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

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