新着!私の44ページの電子書籍「CSS in 44 minutes」が発売されました! 😃

今すぐ入手 →

#grid-template-rows

グリッドコンテナの行を定義します。キーワード(`auto`など)または長さ(`10px`など)を使用して、行の幅を指定できます。行の数は、スペースで区切られたリストで定義された値の数によって決まります。

デフォルト grid-template-rows: none;

行は定義されていません。

grid-template-rows: 120px auto 3rem;

単位を混ぜて使用できます。

grid-template-rows: 20px 1fr 2fr;

`fr`というフレックスユニットを使用して、残りのスペースをすべてのフレックス行に分散できます。