基本データ
構文 |
セレクタ{margin-bottom:値;} |
継承 |
× |
値 |
- 絶対的なサイズをpx(ピクセル)を使って指定する場合
- ○○px
- 相対的なサイズを%(パーセント)、em(イーエム)を使って指定する場合
- ○○%、○○em
- 親から継承させる場合
- inherit
- 状況に応じて値を自動的に計算させる場合
- auto
|
効果 |
ボックスの下側のマージン幅を設定できる |
初期値 |
0 |
適用個所 |
すべての要素 |
例
分かりやすいようにborderプロパティで黒い枠を作っています。
p {margin-bottom: 40px;}
動作Webブラウザ
|
Internet Explorer |
全バージョン |
|
Firefox |
全バージョン |
|
Safari | 全バージョン |
|
Opera | 全バージョン |
|
Chrome | 全バージョン |
|
iPhone/iPad |
全バージョン |
標準JavaScriptによるDOMでの参照方法
[window.]document.getElementById("【ID属性値】").style.marginBottom
jQueryを使った参照方法
$('【セレクタ】').css('margin-bottom','【値】');
$('【セレクタ】').css({'margin-bottom':'【値】'});
CSSリファレンス インデックス
有限会社タグパンダ
喜安 亮介