CSSにおけるmargin属性値の意味

911 ワード

margin
定義と使用法
margin略記プロパティは、宣言ですべての外距離プロパティを設定します.このプロパティには、1~4個の値があります.
説明
この略記プロパティでは、要素のすべての外側ピッチの幅を設定するか、各エッジの外側ピッチの幅を設定します.
ブロックレベルの要素の垂直に隣接する外側の距離が結合され、内側の要素は実際には上下の外側の距離を占めません.
行の要素の左右の外側の距離はマージされません.
同様に、フローティング要素の外側距離もマージされません.
負の外距離値を指定できますが、注意して使用してください.
注記:負の値を使用できます.
例1
margin:10px 5px 15px 20px;

上外辺距離は10 px 右外距離は5 px です
下外辺距離は15 px 左外辺距離は20 px 例2
margin:10px 5px 15px;

上外辺距離は10 px 右外側距離と左外側距離は5 px である.
下外辺距離は15 px 例3
margin:10px 5px;

上外縁と下外縁は10 px である.
右外側距離と左外側距離は5 px である.
例4
margin:10px;

すべての4つの外距離は10 px です
簡単に言えば
marginオブジェクトの4辺の外部パッチを取得または設定します.既定値は0です.
1.1つだけ指定すると、すべての四角に使用されます.
2.2つを指定した場合、1つ目は上-下、2つ目は左-右です.
3.3つを指定すると、1つ目は上、2つ目は左-右、3つ目は下になります.
4.すべての4つのパラメータ値を指定すると、4辺に上-右-下-左の順に作用します.