CSS top 屬性


實例

把圖像的上邊緣設置在其包含元素上邊緣之下5像素高的位置:

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


屬性定義及使用說明

top 屬性規定元素的頂部邊緣。該屬性定義了一個定位元素的上外邊距邊界與其包含塊上邊界之間的偏移。

對於相對定義元素,如果 top 和 bottom 都是 auto,其計算值則都是 0;如果其中之一為 auto,則取另一個值的相反數;如果二者都不是 auto,bottom 將取 top 值的相反數。

注意: 如果 "position" 屬性的值為 "static",那麼設置 "top" 屬性不會產生任何效果。

默認值: auto
繼承: no
版本: CSS2
JavaScript 語法: object.style.top="50px"


流覽器支持

表格中的數字表示支持該屬性的第一個流覽器版本號。

屬性
top 1.0 5.0 1.0 1.0 6.0

屬性值

描述
auto 默認值。通過流覽器計算上邊緣的位置。
% 設置以包含元素的百分比計的上邊位置。可使用負值。
length 使用 px、cm 等單位設置元素的上邊位置。可使用負值。
inherit 規定應該從父元素繼承 top 屬性的值。


相關文章

CSS 教學: CSS Positioning