CSSのマージンとパディングの違いは何ですか?

CSS では、マージンとは、その境界線から別のコンテナーの境界線までの距離、つまりコンテナーの外側の距離を指します。 CSS では、パディングとは、自身のフレームとその内部の別のコンテナの境界線との間の距離、つまりコンテナ内の距離を指します。パディングとマージンの一般的な使い方を説明しましょう

CSSでは、マージンとは自分のフレームから別のコンテナの境界線までの距離、つまりコンテナの外側の距離を指します。 CSS では、パディングとは、自身のフレームとその内部の別のコンテナの境界線との間の距離、つまりコンテナ内の距離を指します。

以下では、パディングとマージンの一般的な使用法について説明します

1. パディング

(1)padding-left:10px;

パディング右

:10px; パディング右(3)

パディングトップ

:10px; パディングトップ(4)

パディングボトム

(5) パディング: 10px; 4 辺すべてのパディングを統合

(6) パディング: 10px 20px; 上、下、左、および右のパディング

(7) パディング: 10px 20px 30px; :10px 20px 30px 40px; 上、右、下、左のパディング

2. 可能な値

(1) length は、パディングの長さを特定の単位で指定します

(2) % 親要素に基づく長さパディングの幅の

(3) auto ブラウザはパディングを計算します

(4) 継承はパディングが親要素から継承されることを規定します

3. ブラウザの互換性の問題

(1) すべてのブラウザパディング属性をサポートします

(2) IE のどのバージョンも属性値 "inherit" をサポートしません

2. margin

1. 構文構造

(1) margin-left : 10px; 左マージン

(2)

マージン-右:10px; 右マージン

(3) 上マージン

(4)マージン-下マージン

; 5) マージン: 4 辺すべてのマージンを統一 (6) マージン: 10px 20px; 上下左右のマージン

(7) マージン: 10px 20px 30px; (8) margin: 10px 20px 30px 40px; 上、右、下、左のマージン

(1) length はマージンの長さを特定の単位で指定します

(2) % に基づきますマージンの長さ 親要素の幅

(3) auto ブラウザがマージンを計算します

(4) 継承はマージンが親要素から継承されることを規定します

3 ブラウザの互換性の問題

(1) すべて すべてのブラウザは margin 属性をサポートします

(2) IE のどのバージョンも属性値 "inherit" をサポートしません

3. margin とpadding の違いを図で表します

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