CSS top 属性
发布时间
阅读量：
阅读量
实例
把图像的上边缘设置在其包含元素上边缘之下5像素高的位置：
img
{
position:absolute;
top:5px;
}
试用体验跳转到runoob.com中的trycss_position_top项目。
属性定义及使用说明
top属性指定元素顶部边缘的位置。该属性决定了一个定位元素在其包含块之上边缘所处的位置关系与上外边距边界之间的偏移量。
在相对定位元素中, 当top和bottom都设为auto时, 其计算值均为0; 若其中一个设置为auto, 则另一者的计算值为其反数值; 当top和bottom均不为auto时, bottom将等于top值的负值
提示： 如果 'positions' 属性的值为 '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 属性的值。 |
全部评论 (0)
还没有任何评论哟~