層疊樣式表/瀏覽器擴充套件
外觀
< 層疊樣式表
每個網路瀏覽器的佈局引擎都有自己的擴充套件,用於支援 CSS 特性,無論是專有的、實驗性的還是純粹的內部特性。例如,許多瀏覽器只擁有實驗性的 CSS3 實現,因此 CSS 屬性通常以佈局引擎的名稱為字首。最著名的例子可能是 border-radius,它很長一段時間以來只被 WebKit 和 Gecko 分別支援為 -webkit-border-radius 和 -moz-border-radius(border-radius 現在在沒有供應商字首的情況下被 WebKit、Gecko、Presto 和 Trident 支援)。
- -engine-property: arguments;
| 擴充套件 | 佈局引擎 | 瀏覽器 |
|---|---|---|
| -webkit- | WebKit | Safari、Shiira、OmniWeb、Flock (3.x+)、Chrome |
| -moz- | Gecko | Firefox、Flock (直至 2.x)、Iceweasel |
| -o- | Presto | Opera |
| -ms- | Trident | Internet Explorer |
- 使用 (-ms-)writing-mode: bt-rl; 來垂直對齊文字,將標點符號放在字串的開頭,以便在 IE7+ 中顯示垂直閱讀的文字
- 使用 (-ms-)text-align-last 來處理段落末尾的孤行
- 使用 text-align:justify; text-justify: newspaper; text-align-last:end 來實現報紙版式
(-ms- 用於 IE8+)