Properties

Properties

Editing
  • account_tree
  • bug_report

gap

Flex Layout과 Grid Layout에서 레이아웃 항목의  row-gap, column-gap 속성을 한번에 설정하는 축약식 속성이다.

설명

원래는 Grid Layout에서 grid-gap 속성으로 정의했으나 gap 속성으로 대체하는 과정 중에 있다. 따라서 웹브라우저별로 확인을 할 필요가 있다.

사용 가능한 값 타입

〈'gap'〉

  • <'row-gap'> <'column-gap'>?
    CSS Box Alignment Module Level 3

사용되는 타입

아래 유형에서 지원하는 모든 키워드와 단위를 사용하지 않을 수도 있다. 값 사용에 대한 자세한 사항은 아래 값 항목을 참고하라.

구문

  • 〈'row-gap'〉 〈'column-gap'〉;CSS Box Alignment Module Level 3

    행과 열의 간격을 한번에 적용한다.

    grid에서의 gap 속성 적용
  • 〈length-percentage〉;CSS Box Alignment Module Level 3

    행과 열의 간격을 하나의 값으로 적용한다.

    flex에서의 gap 속성 적용

버전 명세

Modules
Module NameStatusSummary
CSS Box Alignment Module Level 3

Last review date: 2022-6-26

지원 웹브라우저