CSS top 屬性
定義和用法
top 屬性規(guī)定元素的頂部邊緣。該屬性定義了一個(gè)定位元素的上外邊距邊界與其包含塊上邊界之間的偏移。
注釋?zhuān)?/span>如果 "position" 屬性的值為 "static"，那么設(shè)置 "top" 屬性不會(huì)產(chǎn)生任何效果。
說(shuō)明
對(duì)于 static 元素，為 auto；對(duì)于長(zhǎng)度值，則為相應(yīng)的絕對(duì)長(zhǎng)度；對(duì)于百分比數(shù)值，為指定值；否則為 auto。
對(duì)于相對(duì)定義元素，如果 top 和 bottom 都是 auto，其計(jì)算值則都是 0；如果其中之一為 auto，則取另一個(gè)值的相反數(shù)；如果二者都不是 auto，bottom 將取 top 值的相反數(shù)。
| 默認(rèn)值： | auto |
|---|---|
| 繼承性： | no |
| 版本： | CSS2 |
| JavaScript 語(yǔ)法： | object.style.top="50px" |
瀏覽器支持
所有主流瀏覽器都支持 top 屬性。
注釋?zhuān)?/span>任何的版本的 Internet Explorer （包括 IE8）都不支持屬性值 "inherit"。
可能的值
| 值 | 描述 |
|---|---|
| auto | 默認(rèn)值。通過(guò)瀏覽器計(jì)算上邊緣的位置。 |
| % | 設(shè)置以包含元素的百分比計(jì)的上邊位置�？墒褂秘�(fù)值。 |
| length | 使用 px、cm 等單位設(shè)置元素的上邊位置�？墒褂秘�(fù)值。 |
| inherit | 規(guī)定應(yīng)該從父元素繼承 top 屬性的值。 |
TIY 實(shí)例
- 使用固定值設(shè)置圖像的上邊緣
- 本例演示如何使用固定值設(shè)置圖像的上邊緣。
- 使用百分比設(shè)置圖像的上邊緣
- 本例演示如何使用百分比值設(shè)置圖像的上邊緣。