层叠样式表/浏览器扩展
外观
< 层叠样式表
每个网络浏览器的布局引擎都有自己的扩展,用于支持 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+)