溫馨提示×

您好，登錄后才能下訂單哦！

密碼登錄×
登錄注冊(cè)×
其他方式登錄
點(diǎn)擊 登錄注冊(cè) 即表示同意《億速云用戶服務(wù)條款》

IE不支持的CSS樣式屬性有哪些

發(fā)布時(shí)間：2021-10-25 17:03:54 來源：億速云 閱讀：445 作者：小新 欄目：web開發(fā)

這篇文章主要為大家展示了“IE不支持的CSS樣式屬性有哪些”，內(nèi)容簡而易懂，條理清晰，希望能夠幫助大家解決疑惑，下面讓小編帶領(lǐng)大家一起研究并學(xué)習(xí)一下“IE不支持的CSS樣式屬性有哪些”這篇文章吧。

1．outline屬性：

outline（輪廓）是繪制于元素周圍的一條線，位于邊框邊緣的外圍，可起到突出元素的作用。

outline屬性是一個(gè)簡寫屬性，用于設(shè)置元素周圍的輪廓線。

注釋：輪廓線不會(huì)占據(jù)空間，也不一定是矩形。我認(rèn)為outline屬性好就好在，字不占據(jù)任何的空間。outline的作用就像border一樣也是為了突出某個(gè)元素，但是如果是某些塊及元互的話，如果加border的話，整體的寬度會(huì)增加2px. 因?yàn)閛utline不支持IE瀏覽器，所以我們經(jīng)常用borde屬性。

2. Inherit (值)屬性：

inherit故名思意是“繼承”的意思。所以它所表達(dá)的值也是繼承相關(guān)的了。
通過在特定元素上設(shè)置某些樣式來告訴該元素 “繼承”它父級(jí)元素的所有已添加的屬性，這樣你就可以避免相當(dāng)多的鍵盤輸入。
這可以通過設(shè)置 inherit 來很容易的實(shí)現(xiàn)。比如，當(dāng)重寫 background 屬性的時(shí)候，常常會(huì)有很多的文字在該屬性中(色彩、圖片的URL地址、位置等)。所以，與其重新寫這些值，你可能僅僅想要考慮中的元素和其父級(jí)元素有相同 的背景屬性，一個(gè) inherit 值就可以搞定一切——這顯然大大的節(jié)省了鍵盤輸入。
給大家一個(gè)簡單的inherit 小實(shí)例你會(huì)很明白了：

<html>
<style>
body { color: red; background: green ;}
h1 { color: yellow; background: blue ;}
p {color: white ; background: black ;}
em {color: inherit ;} /*這個(gè)"繼承"是默認(rèn)的，可以不寫*/
</style>
<body>
<h1>aaa <em>繼承的文字</em> aaa</h1>
<em>繼承的文字</em>
<p>P中間的文字</p>
<em>繼承的文字</em>
</body>
</html>

很可惜的是inherit 值在IE6和IE7不被支持（除了用于 direction (文字方向) 和 visibility 屬性）。

3．Empty-Cell屬性

empty-cells屬性設(shè)置是否顯示表格中的空單元格（僅用于“分離邊框”模式）。

注釋： IE瀏覽器不支持此屬性。

繼承性：Yes

Empty-Cell屬性的兩個(gè)值：

IE不支持的CSS樣式屬性有哪些

實(shí)例如下：table{  empty-cell:show; }

該屬性只用于table或者”display”屬性被設(shè)置為”table-cell”的元素。如果你動(dòng)態(tài)的為一個(gè)table添加內(nèi)容，就可能會(huì)遇到某個(gè)單元格的內(nèi)容為空的情況，然后你又不希望這個(gè)空的單元格的邊框、背景色、背景圖片等隱藏掉, ”empty-cells: show”解決這一問題。相反可以用”empty-cells: hide”它會(huì)將會(huì)使單元格完全隱藏掉。

4．Caption-Side屬性

設(shè)置或檢索表格的caption對(duì)象是在表格的那一邊。它是和caption對(duì)象一起使用的屬性
說到table 的屬性，這個(gè)屬性用于聲明顯示在表格的側(cè)欄的表格標(biāo)題。它接受 top 、 bottom 、 left 和 right 四個(gè)值。

Css樣式示例：

table caption { caption-side: top; width: auto; text-align: left; }

以上是“IE不支持的CSS樣式屬性有哪些”這篇文章的所有內(nèi)容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內(nèi)容對(duì)大家有所幫助，如果還想學(xué)習(xí)更多知識(shí)，歡迎關(guān)注億速云行業(yè)資訊頻道！

向AI問一下細(xì)節(jié)

免責(zé)聲明：本站發(fā)布的內(nèi)容（圖片、視頻和文字）以原創(chuàng)、轉(zhuǎn)載和分享為主，文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如果涉及侵權(quán)請(qǐng)聯(lián)系站長郵箱：is@yisu.com進(jìn)行舉報(bào)，并提供相關(guān)證據(jù)，一經(jīng)查實(shí)，將立刻刪除涉嫌侵權(quán)內(nèi)容。

AI
助
手