備忘録的プログラミングリファレンス

grid-rowプロパティ

 grid-rowプロパティは、display:grid;によるエレメント(グリッドコンテナ)の子エレメント(グリッドアイテム)の行方向の表示位置とサイズを指定するプロパティです。 grid-rowプロパティはグリッドアイテムに指定します。

 grid-rowプロパティによって以下のプロパティを一括して指定できます。

上からから2番めで行方向に2連結
grid-row: 2/span 2;

構文(Syntax)

CSS

grid-row: grid-area-names | [ grid-row-start / grid-row-end ];

DOM(JavaScript)

値の取得
String = object.style.gridRow;
値の設定
object.style.gridRow=" grid-area-names | [ grid-row-start / grid-row-end ]";

Values

Value摘要
grid-area-names領域名を定義
grid-row-start行(縦)方向の表示位置か、行(縦)方向への連結数
grid-row-end行(縦)方向の指定位置の1つ前に表示するか、行(縦)方向への連結数

備考(Remarks)

初期値(Default value)auto auto
継承(Inherited)No
CSS AnimationYes