css：voice-family屬性的詳解

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中文網其他相關文章！