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