您好,登錄后才能下訂單哦!
這篇文章主要為大家展示了“css中的height屬性怎么用”,內(nèi)容簡而易懂,條理清晰,希望能夠幫助大家解決疑惑,下面讓小編帶領(lǐng)大家一起研究并學(xué)習(xí)一下“css中的height屬性怎么用”這篇文章吧。
cssheight屬性定義及用法
在css中,height屬性是使用來設(shè)置元素的高度,不包括填充,邊框,或頁邊距,在內(nèi)容區(qū)外面可以增加內(nèi)邊距、邊框和外邊距。行內(nèi)非替換元素會忽略這個屬性。
height屬性使用的非常多,是css中常用屬性,當(dāng)需要設(shè)置元素的高度的使用,就可以使用該屬性來實現(xiàn)。如果需要設(shè)置元素的寬度,我們可以使用width屬性來實現(xiàn)。height屬性和width屬性通常同時使用來控制元素的大小。
cssheight屬性語法格式
css語法:height:auto/length/%/inherit;
JavaScript語法:object.style.height="50px";
cssheight屬性值說明
auto:默認(rèn)值,瀏覽器會計算出實際的高度;
length:使用px、cm等單位定義高度;
%:基于包含它的塊級對象的百分比高度;
inherit:規(guī)定應(yīng)該從父元素繼承height屬性的值
實例
<!DOCTYPEhtml>
<html>
<head>
<metacharset="utf-8"/>
<title>cssheight屬性設(shè)置元素的高度</title>
<styletype="text/css">
div{width:400px;border:1pxsolidred;}
#div1{height:50px;}
#div2{height:80px;}
#div3{height:100px;}
</style>
</head>
<body>
<divid="div1">div1</div>
<divid="div2">div2</div>
<divid="div3">div3</div>
</body>
</html>
以上是“css中的height屬性怎么用”這篇文章的所有內(nèi)容,感謝各位的閱讀!相信大家都有了一定的了解,希望分享的內(nèi)容對大家有所幫助,如果還想學(xué)習(xí)更多知識,歡迎關(guān)注億速云行業(yè)資訊頻道!
免責(zé)聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點不代表本網(wǎng)站立場,如果涉及侵權(quán)請聯(lián)系站長郵箱:is@yisu.com進(jìn)行舉報,并提供相關(guān)證據(jù),一經(jīng)查實,將立刻刪除涉嫌侵權(quán)內(nèi)容。