| 属性名 | grid-row-start grid-row-end grid-column-start grid-column-end |
|---|---|
| 値 | <grid-line> |
| 初期値 | auto |
| 適用可能要素 | グリッドアイテム |
| 継承 | 継承しない |
| サポート | https://caniuse.com/mdn-css_properties_grid-row-start |
グリッドアイテムの縦方向の開始位置、横方向の開始位置、縦方向の終了位置、横方向の終了位置を指定します。開始位置に auto を指定すると、グリッドアイテムの順序によって規定の開始位置が指定されます。終了位置に auto を指定すると、1 とみなされます。開始位置、または終了位置に span 2 を指定すると、グリッドアイテム 2個分のサイズとなります。
詳細は「とほほのGrid入門」を参照してください。
.grid-item-1 {
grid-row-start: 1;
grid-column-start: 2;
grid-row-end: 3;
grid-column-end: 4;
}