Style marginRight 属性

定義と用法

marginRight 属性を設定または要素の右外縁マージンを返します。

margin属性 および padding属性 すべての要素の周りにスペースを挿入します。しかし、違いは、marginが枠線の周りにスペースを挿入し、paddingが要素の枠線内にスペースを挿入することです。

参照もしくは関連項目：

CSSチュートリアル：CSS 外側マージン

CSS リファレンスマニュアル：margin-right属性

HTML DOM リファレンスマニュアル：margin属性

例

例1

div要素の右外縁マージンを設定：

document.getElementById("myDiv").style.marginRight = "50px";

自分で試してみる

例2

div要素の右外縁マージンを"normal"に戻します：

document.getElementById("myDiv").style.marginRight = "0px";

自分で試してみる

例3

div要素の右外縁マージンを返します：

alert(document.getElementById("myDiv").style.marginRight);

自分で試してみる

例4

marginRightとpaddingRightの違い：

function changeMargin() {
  document.getElementById("myDiv").style.marginRight = "200px";
}
function changePadding() {
  document.getElementById("myDiv2").style.paddingRight = "200px";
}

自分で試してみる

構文

marginRight属性を返す：

object.style.marginRight

marginRight属性を設定：

object.style.marginRight = "%|length|auto|initial|inherit"

属性値

値 説明
% 親要素の幅のパーセントで右外縁マージンを定義します。
length 長さ単位で右外縁マージンを定義します。
auto ブラウザが右外縁マージンを設定します。
initial この属性をデフォルト値に設定します。参照してください initial。
inherit この属性を親要素から継承します。参照してください inherit。

技術的詳細

デフォルト値： 0
戻り値： 文字列、要素の右外縁マージンを表す。
CSSバージョン： CSS1

ブラウザサポート

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
サポート サポート サポート サポート サポート