CSS right 屬性
定義和用法
right 屬性規(guī)定元素的右邊緣。該屬性定義了定位元素右外邊距邊界與其包含塊右邊界之間的偏移。
注釋:如果 "position" 屬性的值為 "static",那么設置 "right" 屬性不會產(chǎn)生任何效果。
說明
對于 static 元素,為 auto;對于長度值,則為相應的絕對長度;對于百分比數(shù)值,為指定值;否則為 auto。
對于相對定義元素,left 的計算值始終等于 right。
默認值: | auto |
---|---|
繼承性: | no |
版本: | CSS2 |
JavaScript 語法: | object.style.right="50px" |
實例
把圖像的右邊緣設置在其包含元素右邊緣向左 5 像素的位置:
img { position:absolute; right:5px;
}
TIY
瀏覽器支持
所有主流瀏覽器都支持 right 屬性。
注釋:任何的版本的 Internet Explorer (包括 IE8)都不支持屬性值 "inherit"。
可能的值
值 | 描述 |
---|---|
auto | 默認值。通過瀏覽器計算右邊緣的位置。 |
% | 設置以包含元素的百分比計的右邊位置。可使用負值。 |
length | 使用 px、cm 等單位設置元素的右邊位置。可使用負值。 |
inherit | 規(guī)定應該從父元素繼承 right 屬性的值。 |
TIY 實例
- 使用固定值設置圖像的右邊緣
- 本例演示如何使用固定值設置圖像的右邊緣。
- 使用百分比設置圖像的右邊緣
- 本例演示如何使用百分比值設置圖像的右邊緣。
相關頁面
CSS 教程:CSS 定位
HTML DOM 參考手冊:right 屬性