본문 바로가기

Webstoryboy

Category

Explanation

CSS

[CSS] 컬럼 레이아웃

컬럼 레이아웃

CSS에서 레이아웃을 작성하기 위한 새로운 속성입니다.


컬럼 레이아웃

Column 속성
속성 설명
column-count column-count 속성은 컬럼의 수를 정의합니다.
column-fill column-fill 속성은 열의 지정방법을 정의합니다.
column-gap column-gap 속성은 열의 간격을 정의합니다.
column-rule column-rule 속성은 컬럼 라인의 가로값, 스타일, 컬러를 정의합니다.
column-rule-color column-rule-color 속성은 컬럼의 라인 색을 정의합니다.
column-rule-style column-rule-style 속성은 컬럼 라인의 스타일을 정의합니다.
column-rule-width column-rule-width 속성은 컬럼 라인의 가로값을 정의합니다.
column-span column-span 속성은 열의 속성을 정의합니다.
column-width column-width 속성은 컬럼의 가로 값을 정의합니다.
columns columns 속성은 열의 폭과 열의 수를 정의합니다.

더보기

인스타그램 보기 바로가기

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

유튜브 영상보기 바로가기