CSS - grid-auto-rows
概要
属性名 | grid-auto-rows grid-auto-columns |
---|---|
値 | <track-size>+ |
初期値 | auto |
適用可能要素 | グリッドコンテナ |
継承 | 継承しない |
サポート | https://caniuse.com/mdn-css_properties_grid-auto-rows |
説明
グリッドで区切られた領域のデフォルトの高さと横幅を指定します。詳細は「とほほのGrid入門」を参照してください。
使用例
CSS
.grid-container { display: grid; grid-auto-rows: 2rem; grid-auto-columns: 4rem; grid-template-areas: "a a a"; }
関連項目
- grid
- grid-template
- grid-template-areas
- grid-template-rows
- grid-template-columns
- grid-auto-flow
- grid-area
- grid-row
- grid-column
- grid-row-start
- grid-row-end
- grid-column-start
- grid-column-end
リンク
- https://developer.mozilla.org/ja/docs/Web/CSS/grid-auto-rows
- https://drafts.csswg.org/css-grid/#auto-tracks
Copyright (C) 2019 杜甫々
初版:2019年12月30日、最終更新:2019年12月30日
https://www.tohoho-web.com/css/prop/grid-auto-rows.htm