跳转到内容

层叠样式表/浏览器扩展

来自维基教科书,开放的书籍,开放的世界

每个网络浏览器的布局引擎都有自己的扩展,用于支持 CSS 特性,无论是专有的、实验性的还是纯粹的内部特性。例如,许多浏览器只拥有实验性的 CSS3 实现,因此 CSS 属性通常以布局引擎的名称为前缀。最著名的例子可能是 border-radius,它很长一段时间以来只被 WebKit 和 Gecko 分别支持为 -webkit-border-radius-moz-border-radiusborder-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

IE 特定属性

[编辑 | 编辑源代码]

- 使用 (-ms-)writing-mode: bt-rl; 来垂直对齐文本,将标点符号放在字符串的开头,以便在 IE7+ 中显示垂直阅读的文本

- 使用 (-ms-)text-align-last 来处理段落末尾的孤行

- 使用 text-align:justify; text-justify: newspaper; text-align-last:end 来实现报纸版式

(-ms- 用于 IE8+)

另请参阅

[编辑 | 编辑源代码]
华夏公益教科书