アイテム間の余白を調整

グリッドアイテム間の余白を調整するには、grid-gapプロパティを使用します。

• ※ IE10は対応していません。

構文

							grid-gap:行列の間隔;
							または
							grid-gap:行の間隔 列の間隔;
						

指定値

値名	初期値	説明	サブプロパティ
行列の間隔	0 0	行と列の間隔
行の間隔	0	行に対する間隔（余白）	grid-row-gap
列の間隔	0	列に対する間隔（余白）	grid-column-gap

サンプルコード

デモ

• 1
• 2
• 3
• 4
• 5
• 6
• 7