w3-notes logo

cocochido

HTML/CSSリファレンス

grid-rowプロパティ

inheritance
継承不可
animation type
離散的な(50%の位置で入れ替わる)アニメーション。

説明

グリッドアイテムの縦方向の配置範囲を指定します。grid-row-startプロパティとgrid-row-endプロパティの一括指定プロパティです。
関連項目

使用例

出力結果

構文
syntax help

grid-row: <grid-line> [ / <grid-line> ]? ;
詳細<grid-line> = auto | <custom-ident> | [ <integer> && <custom-ident>? ] | [ span && [ <integer> || <custom-ident> ] ]
auto
[規定値] spanの値を1としてグリッドレイアウトの自動配置方向に従います。
グリッドエリア名称を指定します。
グリッドラインの番号を指定します。名称が与えられたときはその名称のグリッドラインだけをカウントしてグリッドラインの位置を決定します。
span && [ <integer> || <custom-ident> ]
対応するグリッドラインから指定個数目のグリッドラインを指定します。名称が与えられたときはその名称のグリッドラインだけをカウントしてグリッドラインの位置を決定します。

ブラウザ対応状況

grid-row
IE
Edge
Firefox
Chrome
Safari
Opera
iOS Safari
Chrome for Android
Firefox for Android
16
52
40-59
57
29
10.1
44
28
10.3
57
29
52
40-59
11
81
76
81
13.1
68
13.4
81
68
Support data for this feature provided by
 
サポート
 
部分サポート
 
非サポート
 
不明
最終更新日: 2021-02-24
© 2020 ここちい堂. All rights reserved.