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"

ブラウザのサポート

テーブルの数字は、その属性を完全にサポートする最初のブラウザのバージョンを示しています。

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