CSSのマージンとパディングの違い

CSS では、マージンは要素と周囲の要素との間の距離を指定し、パディングは要素のコンテンツと要素の境界の間の距離を指定します。どちらのデフォルト値も 0 で、マージンは要素の境界線の外側の領域に影響し、パディングは境界線の内側の領域に影響します。

CSS におけるマージンとパディングの違い

##本題に入ります:

margin と padding は、要素の周囲のスペースを制御するために使用される CSS の 2 つの異なるプロパティです。マージンは要素と周囲の要素またはブラウザの境界の間の距離を指定し、パディングは要素のコンテンツと要素の境界の間の距離を指定します。

詳細説明:

margin

要素と周囲の要素またはエッジとの間の距離を指定します。ブラウザ。

• 4 つの値 (上、下、左、右)、または 4 つの方向すべてに適用される 1 つの値を持つことができます。
• デフォルト値は 0 です。
• 正の値を指定すると要素は周囲の要素から遠ざかり、負の値を指定すると要素は周囲の要素に近づきます。

padding

要素のコンテンツと要素の境界の間の距離を指定します。

• 4 つの値、または 4 つの方向すべてに適用される 1 つの値を持つこともできます。
• デフォルト値は 0 です。
• 正の値を指定すると要素のコンテンツが境界線から遠ざかり、負の値を指定すると要素のコンテンツが境界線に近づきます。

違いの概要:

機能関数デフォルト値影響を受けるコンテンツ

マージン	パディング
要素と周囲の要素の間の距離を制御します	要素の内容と要素の境界の間の距離を制御します
0	0
外側の領域element border	要素 border 内の領域

以上がCSSのマージンとパディングの違いの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。