Properties

Properties

Editing
  • account_tree
  • bug_report

column-fill

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

사용 가능한 값 타입

<'column-fill'>

DEVDIC-Specified Data Types

column-fill 속성에 사용되는 타입이다.

  • CSS Multi-column Layout Module Level 1
    auto | balance | balance-all

사용되는 키워드

  • auto

    CSS Multi-column Layout Module Level 1

    열을 순차적으로 채운다.

  • balance

    CSS Multi-column Layout Module Level 1

    가능한 한 열 간에 균등하게 콘텐츠의 균형을 유지한다. 조각난 컨텍스트에서는 마지막 조각만 균형을 이룬다.

  • balance-all

    CSS Multi-column Layout Module Level 1

    가능한 한 열 간에 균등하게 콘텐츠의 균형을 유지한다. 조각된 컨텍스트에서도 모든 조각은 균형을 이룬다.

다음은 필요에 따라 일부 값을 설명하므로 표시되지 않는 값은 값 유형을 참조하라.

  • CSS Multi-column Layout Module Level 1

    열을 순차적으로 채운다.

  • CSS Multi-column Layout Module Level 1

    가능한 한 열 간에 균등하게 콘텐츠의 균형을 유지한다. 조각난 컨텍스트에서는 마지막 조각만 균형을 이룬다.

  • CSS Multi-column Layout Module Level 1

    가능한 한 열 간에 균등하게 콘텐츠의 균형을 유지한다. 조각된 컨텍스트에서도 모든 조각은 균형을 이룬다.

구문

  • column-fill: balance;
    CSS Multi-column Layout Module Level 1
  • object.style.columnFill = "auto";
    CSS3

테스트 도구

높이가 정해진 요소에 대해 columns 을 설정할 경우 주어진 가로 영역에서 나누어진 컬럼으로 콘텐츠를 배분하는 것에 대한 설정 테스트

버전 명세

Modules
Module NameStatusSummary
CSS Multi-column Layout Module Level 1추천 후보

Last review date: 2022-6-24

지원 웹브라우저