| 属性名 | grid-row-start grid-row-end grid-column-start grid-column-end |
|---|---|
| 値 | <grid-line> |
| 値の詳細 |
<grid-line> = auto | <custom-ident> | [ <integer> && <custom-ident>? ] | [ span && [ <integer> || <custom-ident> ] ] |
| 初期値 | auto |
| 適用可能要素 | グリッドアイテム |
| 継承 | 継承しない |
| CSS | IE | Edge | Firefox | Chrome | Opera | Safari |
|---|---|---|---|---|---|---|
| CSS3 | × | 16 | 52 | 57 | 44 | 10.1 |
グリッドアイテムの縦方向の開始位置、横方向の開始位置、縦方向の終了位置、横方向の終了位置を指定します。開始位置に auto を指定すると、グリッドアイテムの順序によって規定の開始位置が指定されます。終了位置に auto を指定すると、1 とみなされます。開始位置、または終了位置に span 2 を指定すると、グリッドアイテム 2個分のサイズとなります。
.grid-item-1 {
grid-row-start: 1;
grid-column-start: 2;
grid-row-end: 3;
grid-column-end: 4;
}