CSS3: grid-auto-rows プロパティ - グリッド・トラックに割り当てる行幅

■ 概要

項  目説  明
記述形式 セレクタ {grid-auto-rows: }
値 の形式 トラック・サイズ = minmax( トラック幅 , トラック幅 ) | auto | トラック幅
トラック幅 = 数値(長さ,%) | フレックス値 | min-contentmax-content
初 期 値 auto
対応ブラウザー C?+ / e?+ / Fx?+ / Op?+ / Ch?+ / Sa?+
適用可能な要素 グリッド・コンテナ
継  承 しない

■ 解説

grid-auto-rows プロパティ は,グリッド・トラックに割り当てる行幅 を指定します。

指定できる値の形式は,以下のとおりです。

説  明
数値(長さ) 単位を付けた非負の値を指定します。
数値(% グリッド・トラック行幅を合計したグリッド・コンテナの論理高さに対する百分率(%)で非負の値を指定します。
フレックス値 単位 "fr" を付けた非負の値を指定します。
フレックス値 は対象のトラック行幅を基準とした残りのスペースの比率です。
max-content グリッド・トラック中のコンテナの子要素の最大値を指定します。
min-content グリッド・トラック中のコンテナの子要素の最小値を指定します。
minmax(min, max) min 以上,max 以下の範囲となるように指定します。
max < min の場合は指定値は min になります。
auto minmax(min-content, max-content) を指定したのと同じです。

■ 使用例( grid-auto-rows プロパティの利用)

現在準備中です。

■ 備考

【参考ページ】