CSS top 属性

CSS top 属性

定义

top 属性规定元素的顶部边缘。

这个属性定义了一个定位元素的上外边距边界与其包含块上边界之间的偏移。

注释：如果 "position" 属性的值为 "static"，那么设置 "top" 属性不会产生任何效果。

继承性：No

说明

对于 static 元素，为 auto；对于长度值，则为相应的绝对长度；对于百分比数值，为指定值；否则为 auto。

对于相对定义元素，如果 top 和 bottom 都是 auto，其计算值则都是 0；如果其中之一为 auto，则取另一个值的相反数；如果二者都不是 auto，bottom 将取 top 值的相反数。

JavaScript 语法

CSS 属性也可通过一段 JavaScript 被动态地改变。

脚本语法：

object.style.top="100px"

例子

本例可把段落的顶部边缘设置到距离窗口顶部边缘的下方 20 像素：

p{
position:absolute;
top:20px;
}

本例可把段落的顶部边缘设置到距离窗口顶部边缘的上方 20 像素：

p{
position:absolute;
top:-20px;
}

可能的值

属性	描述
auto	默认。通过浏览器来计算顶部的位置。
%	设置元素的顶部到最近一个具有定位设置父元素的上边缘的百分比位置。
length	使用 px、cm 等单位设置元素的顶部到最近一个具有定位设置上边缘的顶部的位置。可使用负值。