Style right 屬性

定義和用法

right 屬性設置或返回定位元素的右側位置。

該屬性規定元素的右側位置，包括內邊距、滾動條、邊框和外邊距。

提示：定位元素是 position 屬性設置為：relative、absolute 或 fixed 的元素。

提示：如需設置或返回定位元素的左側位置，請使用 left 屬性。

另請參閱：

CSS 教程：CSS 定位

CSS 參考手冊：right 屬性

實例

例子 1

設置 <div> 元素的右側位置：

document.getElementById("myDIV").style.right = "100px";

親自試一試

例子 2

使用負值 - 設置 <div> 元素的右側位置：

document.getElementById("myDiv").style.right = "-100px";

親自試一試

例子 3

返回 <div> 元素的右側位置：

alert(document.getElementById("myDiv").style.right);

親自試一試

語法

返回 right 屬性：

object.style.right

設置 right 屬性：

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

屬性值

值 描述
auto 讓瀏覽器設置右側的位置。默認。
length 以長度單位定義右側的位置。允許負值。
% 以父元素寬度的百分比設置右側的位置。
initial 將此屬性設置為其默認值。請參閱 initial。
inherit 從其父元素繼承此屬性。請參閱 inherit。

技術細節

默認值： auto
返回值： 字符串，表示定位元素的右側位置。
CSS 版本： CSS2

瀏覽器支持

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
支持 支持 支持 支持 支持