新着! 私の44ページの電子書籍「44分でわかるCSS」が発売されました! 😃

今すぐ入手 →

#grid-row

grid-row-start および grid-row-end の一括指定プロパティ。

デフォルト grid-row: auto auto;

グリッドアイテムの行の開始位置と終了位置は自動的に設定されます。

grid-row: 1 / 3;

グリッドアイテムは、最初の行の手前で始まり、3番目の行の直前で終わります。

grid-row: span 3;

グリッドアイテムは、3行にまたがります。

grid-row: 1 / span 4;

グリッドアイテムは、最初の行の手前で始まり、4行にまたがり、その過程で新しい行を作成します。

grid-row: header;

エリア名を使用して、行の開始位置と終了位置を「コピー」できます。