在CSS樣式表中,top屬性用于定義定位元素上邊緣與其包含塊上邊緣的距離,即與頂部的距離。
top屬性的取值可以是一個長度值、百分比或auto。
當使用長度值或百分比時,定位元素的上邊緣會與其包含塊上邊緣產生偏移。例如:
.box { position: absolute; top: 50px; }
這段CSS代碼將把.box元素的上邊緣與其包含塊的上邊緣距離設置為50px。
如果top值為負數,定位元素將會向上移動。
當top值為auto時,定位元素的上邊緣將與其包含塊的上邊緣對齊。
需要注意的是,top屬性僅對使用相對或絕對定位的元素適用。
除了top屬性,還有right、bottom和left屬性可以用于定義定位元素與包含塊邊緣的距離。
總之,使用top屬性可以讓我們更加靈活地定位元素的位置,實現豐富的頁面布局效果。