脚本宝典收集整理的这篇文章主要介绍了html5中top是什么意思,脚本宝典觉得挺不错的,现在分享给大家,也给大家做个参考。
htML5中top是“顶部”、“距离顶部”的意思,top属性用于规定元素的顶部边缘,也可用于设置定位元素的上外边界与其包含块上边界之间的偏移,语法为“<element style="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 值的相反数。
语法为:
<element style="top:值">
top 属性设置一个定位元素的上外边距边界与其包含块上边界之间的偏移。
语法为:
Object.style.top=auto|%|length
示例如下:
<html> <head> <style tyPE="text/css"> input { position:absolute; } </style> <script type="text/javascript"> function setTopEdge() { document.getElementById("b1").style.top="100px"; } </script> </head> <body> <input type="button" id="b1" onclick="setTopEdge()" value="Set top edge to 100 px" /> </body> </html>
输出结果:
推荐教程:《html视频教程》
以上就是html5中top是什么意思的详细内容,更多请关注脚本宝典其它相关文章!
以上是脚本宝典为你收集整理的html5中top是什么意思全部内容,希望文章能够帮你解决html5中top是什么意思所遇到的问题。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。