CSS - grid
概要
| 属性名 | grid |
|---|---|
| 値 |
<grid-template> | <grid-template-rows> / [ auto-flow && dense? ] <grid-auto-columns>? | [ auto-flow && dense? ] <grid-auto-rows>? / <grid-template-columns> |
| 初期値 | なし |
| 適用可能要素 | グリッドコンテナ |
| 継承 | 継承しない |
| サポート | https://caniuse.com/?search=grid |
説明
フレックス(フレキシブルボックス)と双璧をなすレイアウト機能です。詳細は「とほほの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
- grid-column
- grid-row-start
- grid-row-end
- grid-column-start
- grid-column-end
リンク
- https://developer.mozilla.org/ja/docs/Web/CSS/grid
- https://drafts.csswg.org/css-grid/#grid-shorthand
Copyright (C) 2019 杜甫々
初版：2019年12月30日、最終更新：2019年12月30日
https://www.tohoho-web.com/css/prop/grid.htm