CSSのmarginプロパティ2024 年の最新の入門チュートリアル。このコースでは 例,属性の定義と指示,ブラウザのサポート,プロパティ値,関連記事, について学習できます。

CSSのmarginプロパティ

p要素は、4つのすべての余白を設定します。

P
{
マージンさ:2cm 4センチメートル3センチメートル4センチメートル。
}

»をお試しください

属性の定義と指示

マージン簡略記述特性は、1宣言内のすべてのマージンのプロパティを設定します。 このプロパティは、値1-4を持つことができます。

例:

  • マージン:10pxの5pxの15ピクセル20ピクセル。
    • マージンが10pxのです
    • 右マージンは5pxのです
    • 下マージンは15ピクセルです
    • 左マージンは20ピクセルです

  • マージン:10pxの5pxの15ピクセル。
    • マージンが10pxのです
    • 左右の余白に5pxのです
    • 下マージンは15ピクセルです

  • マージン:10pxの5pxの;
    • 上下のマージンに10pxのです
    • 左右の余白に5pxのです

  • マージン:10pxの;
    • すべての4つのマージンが10pxのです

注:負の値は許可されています。

デフォルト: 0
継承: いいえ
バージョン: CSS1
JavaScriptシンタックス: .style.marginオブジェクト= "10pxのを5pxの」


ブラウザのサポート

表中の数字は、プロパティのバージョン番号をサポートする最初のブラウザを表します。

属性
margin 1.0 6.0 1.0 1.0 3.5

プロパティ値

説明
オート ブラウザは、マージンを計算しました。
長さ 具体的には、このようなピクセル、センチメートル、などのような値の規定マージンユニット、。 デフォルト値は0PXです。
親要素の幅の余白の所定の割合に基づいています。
受け継ぎます 規定のマージンは親要素から継承する必要があります。


関連記事

CSSチュートリアル: CSSのマージン

CSSのmarginプロパティ
10/30