CSS right 属性

定義と使用方法

right属性は、要素の右端を指定します。この属性は、定位要素の右外縁マージンと含むブロックの右端間のオフセットを定義します。

注釈:position属性の値が"static"の場合、right属性の設定は効果がありません。

説明

static要素に対して、auto;長さ値に対して、対応する絶対長さ;パーセンテージ値に対して、指定された値;それ以外の場合はautoです。

相対的な定義要素に対して、leftの計算値は常にrightに等しいです。

も参照してください:

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

HTML DOM リファレンスマニュアル:right 属性

画像の右端を、含む要素の右端から左に5ピクセルの位置に設定します:

img
  {
  position:absolute;
  right:5px;
  }

自分で試してみる

CSS 语法

right: auto|length|initial|inherit;

属性値

説明
auto デフォルト値。ブラウザが右端の位置を計算します。
% 要素の右位置をパーセンテージで設定します。負値を使用することもできます。
length px、cmなどの単位を使用して要素の右位置を設定します。負値を使用することもできます。
inherit 親要素からright属性の値を継承するべきことを指定します。

技術的詳細

デフォルト値: auto
継承性: no
バージョン: CSS2
JavaScript 语法: object.style.right="50px"

さらに多くの例

固定値を使用して画像の右端を設定
この例では、固定値を使用して画像の右端を設定する方法を示します。
パーセンテージを使用して画像の右端を設定
この例では、パーセンテージを使用して画像の右端を設定する方法を示します。

ブラウザのサポート

テーブルの数字には、その属性を完全にサポートする最初のブラウザのバージョンが記載されています。

Chrome IE / Edge Firefox Safari Opera
1.0 5.5 1.0 1.0 5.0