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

今すぐ入手 →

#grid

grid-template-rows、grid-template-columns、grid-template-areas、grid-auto-rows、grid-auto-columns、そしてgrid-auto-flow の短縮プロパティです。

grid: "header header header" 50px "sidebar main main" 200px / 100px auto;

すべての**明示的な**行、列、領域を設定することで、grid-templateとして使用できます。

grid: 200px 100px / auto-flow 30%;

grid-template-rowsとgrid-auto-columnsを組み合わせることができます。

grid: auto-flow 50px / 200px 100px;

grid-auto-rowsとgrid-template-columnsを組み合わせることができます。