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

grid-auto-rowsプロパティ

 grid-auto-rowsプロパティは、display:grid;によるエレメント(グリッドコンテナ)の子エレメント(グリッドアイテム)の高さを指定するプロパティです。 grid-auto-rowsプロパティの値は、全ての子エレメントに設定されます。
 grid-auto-rowsプロパティは、diplay:grid;が設定されたエレメントに指定します。

グリッドアイテムの高さを全体の30%に指定
grid-auto-rows: 30%;

構文(Syntax)

CSS

grid-auto-rows: auto | max-content | min-content | minmax(a,b) | fit-content(length) | length ;

DOM(JavaScript)

値の取得
String = object.style.gridAutoRows;
値の設定
object.style.gridAutoRows=" auto | max-content | min-content | minmax(a,b) | fit-content(length) | length ";

Values

Value摘要
auto初期値(default値)
max-content最大サイズ
min-content最小サイズ
minmax(a,b)a以上b以下で自動調整
fit-content(length)最大lengthのサイズ
lengthCSS長さの単位

備考(Remarks)

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