Style right属性

定義と使用方法

right 定位要素の右側の位置を設定または返します。

この属性は、内側マージン、スクロールバー、ボーダー、およびマージンを含む要素の右側の位置を定義します。

ヒント：定位要素はposition属性が設定された：relative、absolute または fixed の要素を使用してください。

ヒント：定位要素の左側の位置を設定または返すには、 left属性。

また参照してください：

CSSチュートリアル：CSS定位

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

例

例1

<div>要素の右側の位置を設定：

document.getElementById("myDIV").style.right = "100px";

自分で試してみる

例2

負の値を使用して - <div>要素の右側の位置を設定：

document.getElementById("myDiv").style.right = "-100px";

自分で試してみる

例3

<div>要素の右側の位置を返します：

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

自分で試してみる

文法

right属性を返す：

object.style.right

right属性を設定する：

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

属性値

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

技術的詳細

デフォルト値： auto
返り値： 文字列で、定位要素の右側の位置を表します。
CSSバージョン： CSS2

ブラウザのサポート

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