English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
margin CSS属性は、要素のすべての4つの側面に外縁マージンを設定します。それはmargin-top,margin-right,margin-bottomおよびmargin-left属性のショートカット。
このテーブルは、この属性の使用方法とバージョンハイストリと、javascriptスクリプト内での属性の使用構文を示しています。
默认值: | 0 |
---|---|
适用于: | デフォルト値: 適用範囲:すべての要素、ただしtable display- タイプ以外の要素には適用されません。-table table。キャプションテーブルインラインテーブルにも適用されます。-::first。 |
letter | 継承: |
ありません | アニメーション可能:は。 参照してください。 |
アニメーション属性 | バージョン: 1,2,3 |
CSS | JavaScript文法:object2margin: 15.style.margin=" |
文法
この属性の構文は以下の通りです: 1 margin: [ length | percentage | auto ] 4 to
values | initial | inherit
例1 h p { 25{ 0px; px; p { 5margin: 100px 0px;}/テストをしてみて‹
›
この短縮記号は、1、2、3、または4つのスペースで区切られた値を取りることができます。1つの値が指定された場合、すべての4面に適用されます。
指定された場合、2つの値が指定された場合、最初の値はトップおよび底部に、2番目の値は右側および左側に適用されます。
3つの値が指定された場合、トップ、水平(左右)および底部に適用されます。
4つの値上から順にトップ、右側、底部、左側に適用されます。
以下の表はこの属性の値を説明しています。
値 | 説明 |
---|---|
margin-top | 要素の上マージンを設定します。 |
margin-right | 要素の右マージンを設定します。 |
margin-bottom | 要素の底マージンを設定します。 |
margin-left | 要素の左マージンを設定します。 |
initial | この属性をデフォルト値に設定します。 |
inherit | 指定された場合、関連する要素は親要素のmarginの属性値を使用します。 |
margin属性のブラウザの互換性について、以下の表の数字はこの属性をサポートするブラウザの最低バージョンを示します;すべての主要ブラウザはこの属性をサポートしています。
|
以下のチュートリアルを参照してください:CSS マージン,CSS Box Model。