CSS grid-row-gap 속성

정의와 사용법

grid-row-gap 속성은 그리드 레이아웃에서 행 간격의 크기를 정의합니다.

다른 것도 참고:

CSS 강의:CSS 그리드 레이아웃

CSS 참조 설명서:grip-gap 속성

CSS 참조 설명서:grip-column-gap 속성

예제

행 간격을 50 픽셀로 설정합니다:

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

본인이 직접 시도해 보세요

CSS 문법

grid-row-gap: length;

속성 값

값 설명
length 모든 유효한 길이 값. 예를 들어, 픽셀 또는 百分比. 기본 값은 0입니다.

기술 세부 사항

기본 값: 0
thừa kế: 아니요
애니메이션 제작: 지원. 참고:애니메이션 관련 속성.
버전: CSS Grid Layout Module Level 1
JavaScript 문법: object.style.gridRowGap="50px"

브라우저 지원

표中的 숫자는 이 속성을 완전히 지원하는 첫 번째 브라우저 버전을 나타냅니다.

Chrome IE / Edge Firefox Safari Opera
57 16 52 10 44