CSS - grid-row-start

• トップ
• CSSリファレンス
• 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;
}

関連項目

• grid
• grid-template
• grid-template-areas
• grid-template-rows
• grid-template-columns
• grid-auto-flow
• grid-auto-rows
• grid-auto-columns
• grid-area
• grid-row
• grid-column

リンク

• https://developer.mozilla.org/ja/docs/Web/CSS/grid-row-start
• https://drafts.csswg.org/css-grid/#line-placement