CSS:grid-gap

CSS : grid-gap

.grid-container {
  grid-gap: 50px;
}

정의

이 grid-gap속성은 그리드 레이아웃에서 행 과 열 사이의 간격 크기를 정의 하며 다음 속성에 대한 속기 속성입니다.

• grid-row-gap
• grid-column-gap

현재 IE16 버전 이상에서만 지원하는 속성입니다.

속성

grid-gap: grid-row-gap grid-column-gap;

• grid-row-gap : 레이아웃에서 행 사이의 간격 크기를 설정합니다. 0은 기본값입니다.
• grid-column-gap : 그리드 레이아웃에서 열 사이의 간격 크기를 설정합니다. 0은 기본값입니다.