html5中top怎么使用
导读:本文共1224字符,通常情况下阅读需要4分钟。同时您也可以点击右侧朗读,来听本文内容。按键盘←(左) →(右) 方向键可以翻页。
摘要: html5中top是“顶部”、“距离顶部”的意思,top属性用于规定元素的顶部边缘,也可用于设置定位元素的上外边界与其包含块上边界之间的偏移,语法为“<element style="top:值">”或“Object.s... ...
目录
(为您整理了一些要点),点击可以直达。
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 值的相反数。
语法为:
<elementstyle="top:值">
top 属性设置一个定位元素的上外边距边界与其包含块上边界之间的偏移。
语法为:
Object.style.top=auto|%|length
示例如下:
<html><head><styletype="text/css">input{position:absolute;}</style><scripttype="text/javascript">functionsetTopEdge(){document.getElementById("b1").style.top="100px";}</script></head><body><inputtype="button"id="b1"onclick="setTopEdge()"value="Settopedgeto100px"/></body></html>
输出结果:
</div> <div class="zixun-tj-product adv-bottom"></div> </div> </div> <div class="prve-next-news">
html5中top怎么使用的详细内容,希望对您有所帮助,信息来源于网络。