CSS のギャップとは、HTML 要素の間に空白を作成する手法を指します。これらの空白を使用して要素間の距離を広げることができ、それによってページのレイアウトと外観が変更されます。CSS では、さまざまなプロパティと値を使用して、さまざまな種類のギャップ効果を実現できます。
-
margin プロパティ
margin プロパティは要素のマージンを設定するために使用され、それによって要素の周囲にギャップが作成されます。1 つ以上の値を受け入れて、上、右、下、左のマージンをそれぞれ設定できます。たとえば、次のコードは要素の上に 10 ピクセルのギャップを作成します。.example { margin-top: 10px; } ```
-
padding プロパティ
padding プロパティは、要素のパディングを設定し、要素のコンテンツとその境界線の間にギャップを作成するために使用されます。また、上、右、下、左のパディングを設定するための 1 つ以上の値を受け入れることもできます。要素内に 10 ピクセルのギャップを作成する例を次に示します。.example { padding: 10px