這篇文章主要介紹“html5中top怎么使用”，在日常操作中，相信很多人在html5中top怎么使用問題上存在疑惑，小編查閱了各式資料，整理出簡單好用的操作方法，希望對大家解答”html5中top怎么使用”的疑惑有所幫助！接下來，請跟著小編一起來學習吧！

目前創(chuàng)新互聯(lián)已為數(shù)千家的企業(yè)提供了網(wǎng)站建設(shè)、域名、網(wǎng)站空間、網(wǎng)站托管、服務(wù)器租用、企業(yè)網(wǎng)站設(shè)計、門頭溝網(wǎng)站維護等服務(wù)，公司將堅持客戶導向、應(yīng)用為本的策略，正道將秉承"和諧、參與、激情"的文化，與客戶和合作伙伴齊心協(xié)力一起成長，共同發(fā)展。

html5中top是“頂部”、“距離頂部”的意思，top屬性用于規(guī)定元素的頂部邊緣，也可用于設(shè)置定位元素的上外邊界與其包含塊上邊界之間的偏移，語法為“”或“Object.style.top=值”。

本教程操作環(huán)境：windows10系統(tǒng)、HTML5版、Dell G3電腦。

html5中top是什么意思

top 屬性規(guī)定元素的頂部邊緣。該屬性定義了一個定位元素的上外邊距邊界與其包含塊上邊界之間的偏移。

注釋：如果 "position" 屬性的值為 "static"，那么設(shè)置 "top" 屬性不會產(chǎn)生任何效果。

對于 static 元素，為 auto；對于長度值，則為相應(yīng)的絕對長度；對于百分比數(shù)值，為指定值；否則為 auto。

對于相對定義元素，如果 top 和 bottom 都是 auto，其計算值則都是 0；如果其中之一為 auto，則取另一個值的相反數(shù)；如果二者都不是 auto，bottom 將取 top 值的相反數(shù)。

語法為：

top 屬性設(shè)置一個定位元素的上外邊距邊界與其包含塊上邊界之間的偏移。

語法為：

Object.style.top=auto|%|length

示例如下：

input
{
position:absolute;
}


function setTopEdge()
{
document.getElementById("b1").style.top="100px";
}

輸出結(jié)果：

到此，關(guān)于“html5中top怎么使用”的學習就結(jié)束了，希望能夠解決大家的疑惑。理論與實踐的搭配能更好的幫助大家學習，快去試試吧！若想繼續(xù)學習更多相關(guān)知識，請繼續(xù)關(guān)注創(chuàng)新互聯(lián)網(wǎng)站，小編會繼續(xù)努力為大家?guī)砀鄬嵱玫奈恼拢?/p>
名稱欄目：html5中top怎么使用
URL標題：http://weahome.cn/article/pccejj.html