Properties

Properties

  • account_tree
  • bug_report

Multi column Layout

다중 열 레이아웃(multi column layout)에 관련된 속성을 다룬다.

개요

CSS Multi-column Layout Module Level 1 모듈에서 다중 열 레이아웃(multi column layout)에 관련된 속성을 다룬다. 일반적으로 grid 또는 flex 속성을 통해서 레이아웃 처리를 하는데 부모 요소와 자식 요소들 간의 관계를 정의하고 자식 요소들이 위치를 잡는 방식이다. 반면에 다중 열 레이아웃은 필요한 컬럼의 수와 요소의 수는 무관하고 단지 인라인(inline) 콘텐츠가 생성된 공간(컬럼)에서 자연스러운 흐름을 유지하도록 한다. 다중 열 레이아웃은 인라인 콘텐츠를 가지고 있는 요소에게 허용된 공간을 활용하는 방식으로 공간을 생성한다.

관련 속성

  • column-count

    컨테이너의 텍스트를 열(column)로 나룰 숫자를 지정한다.
  • column-fill

    열(column)을 채우는 방법을 지정한다.
  • column-gap

    열(column)간의 간격을 설정한다.
  • column-rule

    열(column) 처리에서 열(column)의 너비와 구분선의 스타일 및 색상을 속기로 설정한다.
  • column-rule-color

    열(column) 사이의 구분선에 대한 색상을 지정한다.
  • column-rule-style

    열(column) 사이의 구분선에 대한 스타일을 설정한다.
  • column-rule-width

    열(column)을 구분하는 선의 너비를 지정한다.
  • column-span

    요소가 차지하는 열(column)의 개수를 지정한다.
  • column-width

    열(column)의 너비를 지정한다.
  • columns

    열(column)의 너비와 개수를 한번에 설정하는 속기 속성이다.

W3C Modules