CSS - margin-*
概要
属性名 | margin-top margin-right margin-bottom margin-left |
---|---|
値 | <length> | <percentage> | auto |
初期値 | 0 |
適用可能要素 | すべての要素 |
継承 | 継承しない |
メディア | visual |
サポート (説明)
CSS | IE/Edge | Firefox | Chrome | Opera | Safari |
---|---|---|---|---|---|
CSS1 | 3.0 | 1.0 | 1.0 | 3.5 | 1.0 |
説明
上下左右のマージンを個別に指定します。margin属性も参照してください。
値 | 説明 |
---|---|
<length> | マージンを 10px 1.5em などの長さの単位で指定します。 |
<percentage> | マージンを 10% など、要素の大きさに対するパーセントで指定します。 |
auto | マージンを自動計算します。 |
使用例
CSS
.sample { margin-top: 10px; margin-right: 20px; margin-bottom: 30px; margin-left: 40px; }
関連項目
margin, margin-top, margin-right, margin-bottom, margin-leftリンク
- http://www.w3.org/TR/CSS1/#margin
- http://www.w3.org/TR/CSS2/box.html#margin-properties
- http://www.w3.org/TR/css3-box/#margins
- http://momdo.github.io/css2/box.html
- http://www.d-toybox.com/spec/CSS3/box/index.html#the-margin
- https://developer.mozilla.org/ja/docs/Web/CSS/top
- http://caniuse.com/#search=css%202.1%20properties
Copyright (C) 1997-2015 杜甫々
初版:1997年7月27日、最終更新:2015年11月22日
https://www.tohoho-web.com/css/prop/margin-x.htm