CSSにおけるmargin属性値の意味
911 ワード
margin
定義と使用法
margin略記プロパティは、宣言ですべての外距離プロパティを設定します.このプロパティには、1~4個の値があります.
説明
この略記プロパティでは、要素のすべての外側ピッチの幅を設定するか、各エッジの外側ピッチの幅を設定します.
ブロックレベルの要素の垂直に隣接する外側の距離が結合され、内側の要素は実際には上下の外側の距離を占めません.
行の要素の左右の外側の距離はマージされません.
同様に、フローティング要素の外側距離もマージされません.
負の外距離値を指定できますが、注意して使用してください.
注記:負の値を使用できます.
例1
上外辺距離は10 px 右外距離は5 px です
下外辺距離は15 px 左外辺距離は20 px 例2
上外辺距離は10 px 右外側距離と左外側距離は5 px である.
下外辺距離は15 px 例3
上外縁と下外縁は10 px である.
右外側距離と左外側距離は5 px である.
例4
すべての4つの外距離は10 px です
簡単に言えば
marginオブジェクトの4辺の外部パッチを取得または設定します.既定値は0です.
1.1つだけ指定すると、すべての四角に使用されます.
2.2つを指定した場合、1つ目は上-下、2つ目は左-右です.
3.3つを指定すると、1つ目は上、2つ目は左-右、3つ目は下になります.
4.すべての4つのパラメータ値を指定すると、4辺に上-右-下-左の順に作用します.
定義と使用法
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辺に上-右-下-左の順に作用します.