ホームページ >ウェブフロントエンド >CSSチュートリアル >CSSのマージンとパディングの違いは何ですか?
CSSのマージンとパディングの違いは何ですか?
- 零下一度オリジナル
- 2017-06-29 16:00:252033ブラウズ
CSS では、マージンとは、その境界線から別のコンテナーの境界線までの距離、つまりコンテナーの外側の距離を指します。 CSS では、パディングとは、自身のフレームとその内部の別のコンテナの境界線との間の距離、つまりコンテナ内の距離を指します。パディングとマージンの一般的な使い方を説明しましょう
CSSでは、マージンとは自分のフレームから別のコンテナの境界線までの距離、つまりコンテナの外側の距離を指します。 CSS では、パディングとは、自身のフレームとその内部の別のコンテナの境界線との間の距離、つまりコンテナ内の距離を指します。
以下では、パディングとマージンの一般的な使用法について説明します
1. パディング
(1)padding-left:10px;
パディング右パディングトップパディングボトム(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 サイトの他の関連記事を参照してください。