備忘録的プログラミングリファレンス

rightプロパティ

 rightプロパティは、エレメントの左右位置を指定するプロパティです。ただし、positionプロパティが必要で、positionプロパティの値によって以下のように基準位置に変化があります。

position:static;
rightプロパティが設定されてもエレメントの配置に影響しません。
position:absolute;
絶対位置の設定で、基準位置はウィンドウの右端ですが、親要素にpositon:static;以外が設定されていれば親要素の右端です。
position:fixed;
絶対位置の設定でスクロールに影響を受けません。基準位置はウィンドウの右端です。
position:relative;
相対位置の設定で、基準位置はposition:static;で表示される位置です。
position:sticky;
スクロールに影響を受けるために、rightプロパティはposition:sticky;によって位置が固定された時の左右配置です。位置が固定されていない間はrightプロパティは影響しません。
右から100pxの位置に配置
right: 100px;

構文(Syntax)

CSS

right: auto | length | initial | inherit;

DOM(JavaScript)

値の取得
String = object.style.right;
値の設定
object.style.right="auto | length | initial | inherit";

Values

Value摘要
autodefault値。初期の位置
length数値による設定、CSS長さの単位を参照
initial初期値に戻す
inherit親要素(親エレメント)のプロパティを継承

Remarks(備考)

Default valueauto
Inherited(継承)No
AnimatableYes