CSS marginプロパティ


例

p要素の4つのマージンをすべて設定します：

p
{
margin:2cm 4cm 3cm 4cm;
}

試してみる »

プロパティの定義と使用説明

margin 略記プロパティは、1つの宣言ですべての外側マージンプロパティを設定します。このプロパティは1〜4つの値を持つことができます。

例：

  • margin:10px 5px 15px 20px;
    • 上マージンは 10px
    • 右マージンは 5px
    • 下マージンは 15px
    • 左マージンは 20px

  • margin:10px 5px 15px;
    • 上マージンは 10px
    • 右マージンと左マージンは 5px
    • 下マージンは 15px

  • margin:10px 5px;
    • 上マージンと下マージンは 10px
    • 右マージンと左マージンは 5px

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

注意：負の値も許可されています。

デフォルト値： 0
継承： no
バージョン： CSS1
JavaScript 構文： object.style.margin="10px 5px"

ブラウザサポート

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

プロパティ
margin 1.0 6.0 1.0 1.0 3.5

プロパティ値

值 説明
auto ブラウザが外側マージンを計算します。
length ピクセル、センチメートルなどの具体的な単位で外側マージンの値を指定します。デフォルト値は 0px です。
% 親要素の幅に基づくパーセンテージの外側マージンを指定します。
inherit 親要素から外側マージンを継承することを指定します。

関連記事

CSS チュートリアル：CSS Margin

その他の拡張