CSS margin-bottom 属性

定義と使用方法

margin-bottom 属性は、要素の下外側マージンを設定します。

注釈：負の値の使用も許可されています。

も参照してください：

CSS タイプ：CSS 外边距

HTML DOM リファレンスマニュアル：marginBottom 属性

例

p要素の下外側マージンを設定：

p
  {
  margin-bottom:2cm;
  }

実際に試してみる

（ページの下部にさらに多くの例があります）

CSS 文法

margin-bottom: length|auto|initial|inherit;

属性値

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

技術的詳細

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

さらに多くの例

テキストの下外側マージンを設定 1
この例では、センチの値を使用してテキストの下外側マージンを設定する方法を示します。
テキストの下外側マージンを設定 2
この例では、パーセントの値を使用してテキストの下外側マージンを設定する方法を示します。

ブラウザのサポート

テーブルの数字には、その属性を完全にサポートする最初のブラウザのバージョンが記載されています。

Chrome IE / Edge Firefox Safari Opera
1.0 6.0 1.0 1.0 3.5