例
絶対位置指定の右端に設定し<div>その最も近い位置付け祖先の右端の左にある要素の20ピクセルを:
div.absolute {
position: absolute;
right: 20px;
width: 200px;
height: 120px;
border: 3px solid #8AC007;
}
»それを自分で試してみてください 定義と使用法
絶対配置要素の場合、右のプロパティは、その最も近い位置付け祖先の右端の左/右にユニットに要素の右端を設定します。 注意:絶対位置指定要素は何も配置さ祖先を持っていない場合は、文書本体を使用し、ページのスクロールと一緒に移動します。 注:A "positioned"要素が位置静的以外のものであるものです。
比較的位置付け要素の場合、右財産権は、通常の位置に/左にユニットに要素の右端を設定します。
Note:場合は"position:static" 、右のプロパティは効果がありません。
デフォルト値: | auto |
---|---|
継承されました: | no |
アニメーション: | yes. Read about animatable Try it |
バージョン: | CSS2 |
JavaScriptシンタックス: | object .style.right="200px" Try it |
ブラウザのサポート
表中の数字は完全にプロパティをサポートする最初のブラウザのバージョンを指定します。
プロパティ | |||||
---|---|---|---|---|---|
right | 1.0 | 5.5 | 1.0 | 1.0 | 5.0 |
CSSの構文
right: auto|length|initial|inherit;
プロパティ値
値 | 説明 | それを再生します |
---|---|---|
auto | ブラウザが右端の位置を計算することができます。 これがデフォルトです | それを再生します» |
length | 負の値が許可されるなどピクセル、センチ、右エッジ位置を設定します。 | それを再生します» |
% | 元素を含有するの%で右端の位置を設定します。 負の値は許可されています | それを再生します» |
initial | このプロパティがデフォルト値に設定します。 初期についての記事を読みます | それを再生します» |
inherit | その親要素からこのプロパティを継承します。 継承についての記事を読みます |
関連ページ
CSSチュートリアル: CSSのポジショニング
CSSリファレンス: left property
CSSリファレンス: bottom property
CSSリファレンス: top property
HTML DOMリファレンス: right property