Properties

Properties

Record
  • account_tree
  • bug_report

gap

Flex Layout과 Grid Layout에서 레이아웃 항목의 행과 열 사이의 간격를 설정한다.

설명

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

설정 가능한 속성 값

  • length길이단위허용
    • 사용 가능한 단위: px, %, em, rem, pt, ex, cm, mm, in, pc, ch, vwh, vmin, vmax

구문

  • gap  <'row-gap'>  <'column-gap'>;기본형식null

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

    grid에서의 gap 속성 적용
  • grid  <length>;기본형식null

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

    flex에서의 gap 속성 적용

지원 웹브라우저