CSS Gridでライン番号を指定して、要素を自由に配置する方法と様々な指定方法を紹介! #5
CSS Gridには、順番に要素を配置する以外に、自由に配置する方法があります。
今回は番号を指定して、要素を配置する方法を紹介していきます。
プロパティは以下について紹介しています。
- grid-row
- grid-column
- grid-rowやgrid-column内で使えるspan
- grid-area(grid-rowとgrid-columnのショートコードとして)
- grid-row-start
- grid-row-end
- grid-column-start
- grid-column-end
今回は番号を指定して、要素を配置する方法を紹介していきます。
プロパティは以下について紹介しています。
- grid-row
- grid-column
- grid-rowやgrid-column内で使えるspan
- grid-area(grid-rowとgrid-columnのショートコードとして)
- grid-row-start
- grid-row-end
- grid-column-start
- grid-column-end