首頁 > web前端 > css教學 > 主體

css:voice-family屬性的詳解

黄舟
發布: 2017-07-17 14:10:38
原創
2472 人瀏覽過

voice-family屬性

#sidebar {
  width: 200px;
  padding: 10px;
  border: 10px solid black;
}
登入後複製

在此設定寬度為200px,內邊距為10px,邊框為10px,但在Window IE5.5先前的瀏覽器中瀏覽頁面時,寬度會比實際寬度少40px(200px-10px-10px-10px-10px),因此需要予以糾正。此處利用了樣式表的「層疊」特性,對於同一個選擇符的相同屬性,後定義的值會覆寫前面定義的值。

重新定義的樣式為:

#sidebar {
padding: 10px;
border: 10px solid black;
width: 240px; 
voice-family: "\"}\"";
voice-family: inherit;
width: 200px; 
}
登入後複製

而"voice-family:"\"}\"" ;voice-family:inherit;" 是CSS的語音屬性,由於Window IE5. 5不完全支援CSS2,不識別此屬性,因此跳到下一個選擇符。

IE5並不能正確讀取voice-family: “\”}\”"; voice-family:inherit;這兩段,所以在讀取第二個Width前就放棄讀取#centercontent了,最終只能讀取到第一個width:240px。

而IE5.5以上的瀏覽器因為同名覆蓋的原則取到第二個width:200px。這樣便能在同一個Class裡定義兩個Width值。

以上是css:voice-family屬性的詳解的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
css
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板