English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

CSS 参考手册

CSS @规则(RULES)

CSS 属性大全

CSS margin 属性の使用方法と例

margin CSS属性は、要素のすべての4つの側面に外縁マージンを設定します。それはmargin-topmargin-rightmargin-bottomおよびmargin-left属性のショートカット。

このテーブルは、この属性の使用方法とバージョンハイストリと、javascriptスクリプト内での属性の使用構文を示しています。

默认值:0
适用于:デフォルト値: 適用範囲:すべての要素、ただしtable display- タイプ以外の要素には適用されません。-table table。キャプションテーブルインラインテーブルにも適用されます。-::first
letter継承:
ありませんアニメーション可能:は。 参照してください
アニメーション属性バージョン: 1,2,3
CSSJavaScript文法:object2margin: 15.style.margin="

px"

文法

この属性の構文は以下の通りです: 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属性のブラウザの互換性について、以下の表の数字はこの属性をサポートするブラウザの最低バージョンを示します;すべての主要ブラウザはこの属性をサポートしています。

  • Firefox 1+

  • Google Chrome1+

  • Internet Explorer 3+

  • Apple Safari 1+

  • Opera 4+

さらに詳しく

以下のチュートリアルを参照してください:CSS マージンCSS Box Model

関連属性:margin-topmargin-rightmargin-bottommargin-left