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
登录后复制
示例如下：
input{position:absolute;}function setTopEdge(){document.getElementById("b1").style.top="100px";}
登录后复制
输出结果：
推荐教程：《html视频教程》
以上就是html5中top是什么意思的详细内容，更多请关注【创想鸟】其它相关文章！
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容， 请发送邮件至253000106@qq.com举报，一经查实，本站将立刻删除。
发布者：PHP中文网，转转请注明出处：https://www.chuangxiangniao.com/p/2941595.html
