CSS overflow 屬性使用方法及示例 | 您所在的位置:網(wǎng)站首頁 › 屬豬女人招財專用頭像 風(fēng)景 › CSS overflow 屬性使用方法及示例 |
CSS3 overflow-x 屬性CSS outline-width 屬性
CSS overflow 屬性使用方法及示例
overflow屬性指定當內(nèi)容溢出元素的內(nèi)容區(qū)域時是剪切內(nèi)容,顯示滾動條還是顯示溢出內(nèi)容。 下表為此屬性的用法說明和版本歷史記錄,以及該屬性在javascript腳本中的使用語法。 默認值:visible適用于:Block, inline-block 和 flex容器繼承:沒有可動畫制作:否。請參見 動畫屬性。版本:CSS 2、3JavaScript 語法:object.style.overflow="scroll"溢出的使用語法該屬性的語法如下: overflow:?auto?|?hidden?|?scroll?|?visible?|?initial?|?inherit下面的示例演示了如何使用overflow屬性。 ??div?{ ???width:?400px; ???height:?300px; ???overflow:?scroll; ??}測試看看?/?屬性值下表描述了此屬性的值。 值描述visible內(nèi)容沒有被剪切;它會在元素框的外部渲染,因此可能與其他內(nèi)容重疊。這是默認值。hidden溢出元素框的內(nèi)容將被剪切,其余內(nèi)容將不可見。scroll溢出的內(nèi)容像被隱藏一樣被剪切,但是提供了滾動機制來訪問溢出的內(nèi)容。auto如果內(nèi)容溢出元素的框,它將提供滾動條以查看其余內(nèi)容。initial將此屬性設(shè)置為其默認值。inherit如果指定,則關(guān)聯(lián)元素采用其父元素overflow的屬性值。瀏覽器兼容性overflow屬性瀏覽器的兼容性,下表中的數(shù)字表示支持該屬性的瀏覽器最低版本號;所有主流瀏覽器均支持該屬性。 Firefox 1+ Google Chrome1+ Internet Explorer 4+ Apple Safari 1+ Opera 4+ 進一步閱讀請參考以下教程:CSS Overflow。 相關(guān)屬性:overflow-x,overflow-y,clip,word-wrap。 CSS3 overflow-x 屬性CSS outline-width 屬性 |
今日新聞 |
推薦新聞 |
專題文章 |
CopyRight 2018-2019 實驗室設(shè)備網(wǎng) 版權(quán)所有 |