CSS grid-row-start 속성

정의와 사용법

grid-row-start 속성은 아이템이 어느 행선에서 시작될지 정의합니다.

또한 참고하십시오:

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

CSS 참고 매뉴얼:grid-column 속성

CSS 참고 매뉴얼:grid-column-end 속성

CSS 참고 매뉴얼:grid-row 속성

CSS 참고 매뉴얼:grid-row-end 속성

예제

"item1"을 행 2에서 시작하도록 합니다:

.item1 {
  grid-row-start: 2;
}

본인이 직접 테스트해 보세요

CSS 문법

grid-row-start: auto|row-line;

속성 값

값 설명
auto 기본 값. 아이템은 흐름 위치에 따라 배치됩니다.
row-line 아이템을 표시하기 시작할 행을 지정합니다.

기술 세부 사항

기본 값: auto
상속: 아니요
애니메이션 제작: 지원됩니다. 참고하십시오:애니메이션 관련 속성.
버전: CSS Grid Layout Module Level 1
JavaScript 문법: object.style.gridRowStart="3"

브라우저 지원

표에서의 숫자는 해당 속성을 완전히 지원하는 첫 번째 브라우저 버전을 표시합니다.

크롬 IE / 엣지 파이어폭스 사파리 오페라
57 16 52 10 44