right プロパティ

　right プロパティは、エレメントの左右位置を指定するプロパティです。右からが基準になります。ただし、positionプロパティがstatic以外であることが必要で、positionプロパティの値によって表示位置の基準が変わります。

右から100pxの位置に配置

right: 100px;

　以下は、positionプロパティと表示位置の変化についてです。

positionの値	概要
position:static;	right プロパティは反映されない。
position:absolute;	絶対位置の設定で、基準位置はウィンドウの右端。親エレメント（親要素）にpositon:static;以外が設定されていれば、親エレメントの右端。
position:fixed;	絶対位置の設定でスクロールに影響を受けない。ウィンドウ上の表示位置が固定される。基準位置はウィンドウの右端。
position:relative;	相対位置の設定で、基準位置はデフォルトで表示される位置。
position:sticky;	スクロールに影響を受けるために、right プロパティはposition:sticky;によって位置が固定された時の左右配置。位置が固定されていない間はright プロパティは影響しない。

　親エレメントに対して配置を設定するには、親エレメントに対してposition:relative;を指定し、エレメントにはposition:absolute;を指定します。

　この時にエレメントの大きさはデフォルトの値、100%に自動で調整されます。エレメントの幅を指定し直す必要があるかもしれません。

/* 親エレメントへの指定 */
parent_element {
		position: relative;
}

/* 調整したいエレメントへの指定 */
element {
		position: absolute;
		width: 100%;
		right: 30px;
}

構文(Syntax)

right: auto | length | initial | inherit;

値の取得

String = object.style.right;

値の設定

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

　rightによる位置の例です。親エレメントにposition:relative;、エレメントにposition:absolute;を指定し、親エレメントを表示位置の基準にしています。