CSS - grid-row
概要
属性名 | grid-row grid-column |
---|---|
値 | <grid-line> [ / <grid-line> ]? |
初期値 | auto |
適用可能要素 | グリッドアイテム |
継承 | 継承しない |
サポート | https://caniuse.com/mdn-css_properties_grid-row |
説明
縦方向、横方向のグリッドアイテムの開始位置と終了位置をグリッド(線)の番号または名前で指定します。grid-row は grid-row-start と grid-row-end を、grid-column は grid-column-start と grid-column-end をまとめて指定します。grid-row と grid-column をまとめて grid-area で指定します。
関連項目
- grid
- grid-template
- grid-template-areas
- grid-template-rows
- grid-template-columns
- grid-auto-flow
- grid-auto-rows
- grid-auto-columns
- grid-area
- grid-row-start
- grid-row-end
- grid-column-start
- grid-column-end
リンク
- https://developer.mozilla.org/ja/docs/Web/CSS/grid-row
- https://drafts.csswg.org/css-grid/#placement-shorthands
Copyright (C) 2019 杜甫々
初版:2019年12月30日、最終更新:2019年12月30日
https://www.tohoho-web.com/css/prop/grid-row.htm