首页 > 互联资讯 > 网络资讯  > 

html5中top是什么意思

html5中top是“顶部”、“距离顶部”的意思,top属性用于规定元素的顶部边缘,也可用于设置定位元素的上外边界与其包含块上边界之间的偏移,语法为“”或“Object.style.top=值”。


本教程操作环境:windows10系统、HTML5版、Dell G3电脑。

html5中top是什么意思

top 属性规定元素的顶部边缘。该属性定义了一个定位元素的上外边距边界与其包含块上边界之间的偏移。

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

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

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

语法为:

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

语法为:

Object.style.top=auto|%|length

示例如下:

输出结果:


推荐教程:《html视频教程》


html5中top是什么意思由讯客互联网络资讯栏目发布,感谢您对讯客互联的认可,以及对我们原创作品以及文章的青睐,非常欢迎各位朋友分享到个人网站或者朋友圈,但转载请说明文章出处“html5中top是什么意思