定義と使用法
マージン簡略記述特性は、1宣言内のすべてのマージンのプロパティを設定します。 このプロパティは、1から4の値にすることができます。
例:
- margin:10px 5px 15px 20px;
- トップマージンが10pxのです
- 右マージンは5pxのです
- 下マージンは15ピクセルです
- 左マージンは20ピクセルです
- margin:10px 5px 15px;
- トップマージンが10pxのです
- 左右のマージンは5pxのです
- 下マージンは15ピクセルです
- margin:10px 5px;
- 上下の余白は10pxのです
- 左右のマージンは5pxのです
- margin:10px;
- 4つのすべてのマージンが10pxのです
Note:負の値は許可されています。
デフォルト値: | 0 |
---|---|
継承されました: | no |
アニメーション: | yes, see individual properties . Read about animatable Try it |
バージョン: | CSS1 |
JavaScriptシンタックス: | object .style.margin="100px 50px" Try it |
ブラウザのサポート
表中の数字は完全にプロパティをサポートする最初のブラウザのバージョンを指定します。
プロパティ | |||||
---|---|---|---|---|---|
margin | 1.0 | 6.0 | 1.0 | 1.0 | 3.5 |
CSSの構文
margin:length|auto|initial|inherit;
プロパティ値
値 | 説明 | それを再生します |
---|---|---|
length | PX、PT、CMなどのデフォルト値に余裕が0であることを指定します | それを再生します» |
% | 含まれている要素の幅のパーセントでマージンを指定します。 | それを再生します» |
auto | ブラウザは、マージンを算出し、 | それを再生します» |
initial | このプロパティがデフォルト値に設定します。 初期についての記事を読みます | それを再生します» |
inherit | その親要素からこのプロパティを継承します。 継承についての記事を読みます |
関連ページ
CSSチュートリアル: CSSのマージン
CSSチュートリアル: CSSボックスモデル
HTML DOMリファレンス: margin property