본문 바로가기

Webstoryboy

Category

Explanation

CSS

[CSS] column-count

column-count

column-count 속성은 컬럼의 수를 정의합니다.


column-count

column-count 속성은 컬럼의 수를 정의합니다.

정의(Definition)

  • column-count 속성은 컬럼의 수를 정의합니다.

문법(Syntax)

column-count : number | auto

/* 키워드 속성을 적용한 경우 */
column-count: auto;

/* 숫자 속성을 적용한 경우 */
column-count: 4;

/* 글로벌 속성을 적용한 경우 */
column-count: inherit;
column-count: initial;
column-count: unset;

속성(Property)

속성값 설명
number 컬럼의 갯수를 숫자로 설정합니다.
auto 컬럼의 갯수를 열 크기(기본 값)에 따라 설정합니다.

호환성(Compatibility)

크롬 아이콘 파이어폭스 아이콘 사파리 아이콘 오페라 아이콘 네이버 웨일 익스플로러6 아이콘6 익스플로러7 아이콘7 익스플로러8 아이콘8 익스플로러9 아이콘9 익스플로러10 아이콘10 익스플로러11 아이콘11 엣지 아이콘 안드로이드 아이콘 ios 아이콘
column-count 사용가능 사용가능 사용가능 사용가능 사용가능 사용안됨 사용안됨 사용안됨 사용안됨 사용가능 사용가능 사용가능 사용가능 사용가능

더보기

인스타그램 보기 바로가기

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

유튜브 영상보기 바로가기