CSS grid-row-endプロパティ


例

item1 を 3 行にまたがるように設定します:

.item1 { grid-row-end: span 3; }

試してみる »

ブラウザサポート

表内の数字は、そのプロパティをサポートする最初のブラウザバージョンを示します。

プロパティ
grid-row-end 57 16 52 10 44

プロパティの定義と使用説明

grid-row-end プロパティは、グリッド要素の表示を停止する行、またはまたがる行数を指定します。

初期値: auto
継承: no
アニメーション: サポートされます。〜について読むanimatable 試してみる
バージョン: CSS グリッドレイアウトモジュール Level 1
JavaScript 構文: object.style.gridRowEnd="4" 試してみる


構文

grid-row-end: auto|row-line|span n;

值 説明
auto 初期値。1 行にまたがります。
row-line 終了する行を設定します。
span n n 行にまたがります。

その他の例

例

グリッドの item1 が 3 行目で終了するように設定します:

.item1 { grid-row-end: 3; }

試してみる »

関連記事

CSS チュートリアル:CSS グリッドレイアウト

その他の拡張機能