アイテム間の余白を調整
グリッドアイテム間の余白を調整するには、grid-gap
プロパティを使用します。
- ※ IE10は対応していません。
構文
grid-gap:行列の間隔;
またはgrid-gap:行の間隔 列の間隔;
指定値
値名 | 初期値 | 説明 | サブプロパティ |
---|---|---|---|
行列の間隔 | 0 0 | 行と列の間隔 | |
行の間隔 | 0 | 行に対する間隔(余白) | grid-row-gap |
列の間隔 | 0 | 列に対する間隔(余白) | grid-column-gap |
サンプルコード
CSS
デモ
- 1
- 2
- 3
- 4
- 5
- 6
- 7