編程教程CSS top 屬性
CSStop屬性
實例
把圖像的上邊緣設置在其包含元素上邊緣之下5像素高的位置：
img
{
position:absolute;
top:5px;
}
{
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