Webkit CSS 扩展

基于 WebKit 或 Blink 的应用,例如 Safari 和 Chrome,支持一些特殊的 CSS WebKit 扩展。这些扩展通常带有 -webkit- 前缀。大多数 -webkit- 前缀的属性通常也能够与 -apple- 前缀使用。少部分是有 -epub- 前缀的。

仅 WebKit 具有的属性

备注: 避免在网站上使用。这些属性仅在 WebKit 应用中可用。

A

B

C

D-I

L

M

N

P

R-S

T

U

* 一些是在标准的、无前缀的轨道上。 ** 新语法已经标准化。属性链接到新的语法。旧的带有前缀的语法在一些浏览器中依然支持。 *** WebKit 支持不带 -webkit 前缀,但是不标准或者不在标准轨道上。

标准轨道上的带有 WebKit 前缀的属性

已经成为标准属性的前专有属性

备注: 要尽可能地提高兼容性,你需要使用无前缀的标准属性,而不是下面列出的这些有前缀的。

A

B

C

F

G-J

H-L

M

O-R

S

T

U-W

在非 webkit 浏览器中不带前缀支持,但是非标准

以下的属性在至少一个浏览器中不带前缀就支持,但是不在标准的轨道上。

* 在 Firefox 中不带前缀支持,在 Safari 中带前缀。

在 Firefox 中带 -webkit- 前缀支持

以下属性在 Firefox 中带 -webkit- 前缀支持,其中许多也支持无前缀版本。参见上面的已经成为标准属性的前专有属性

备注: 由于许多网站的旧版代码使用了以 -webkit- 为前缀的属性,Edge 和 Firefox 会将许多 -webkit- 为前缀的属性重定向到 -moz-、-ms- 和相应的没有前缀的等价属性上。

A

B

F

J

M

O-P

T

U

* 在 Firefox 中支持有 -moz--webkit- 前缀的版本,但是不支持无前缀版本。 ** 这些值是支持的,尽管不是标准的且也不在成为标准的轨道上。 *** 应该使用 flex-box 属性。

弃用的 -webkit- 属性

以下属性曾经带 -webkit- 前缀支持,但是在常新浏览器(evergreen browser)中不再支持,无论有无 -webkit- 前缀。

  • -webkit-alt*
  • -webkit-background-composite
  • -webkit-border-fit
  • -webkit-color-correction
  • -webkit-flow-from
  • -webkit-flow-into
  • -webkit-grid-columns(参见 grid-column
  • -webkit-grid-rows(参见 grid-row
  • -webkit-highlight
  • -webkit-hyphenate-charset
  • -webkit-image-set(参见 image-set (en-US)
  • -webkit-match-nearest-mail-blockquote-color
  • -webkit-margin-collapse
  • -webkit-margin-after-collapse
  • -webkit-margin-before-collapse
  • -webkit-margin-bottom-collapse
  • -webkit-margin-top-collapse
  • -webkit-overflow-scrolling
  • -webkit-region-break-after
  • -webkit-region-break-before
  • -webkit-region-break-inside
  • -webkit-region-fragment
  • -webkit-shape-inside
  • -webkit-touch-callout(参见 touch-action
  • background-origin-x(无前缀!)
  • background-origin-y(无前缀!)

* 仍在 Safari 技术预览版中支持,但是通常在正式发布的浏览器中不支持。

伪类

伪元素

由于网页兼容性的原因,Blink、WebKit 和 Gecko 浏览器将所有以 ::-webkit- 开头的伪类都视为有效的。

* 现为标准

备注: 通常来说,如果在选择器的链或组中有一个无效的伪元素或者伪类,那么整个选择器列表都是无效的。如果伪元素(不是伪类)有 -webkit- 前缀,那么自 Firefox 版本 63 起,Blink、WebKit 和 Gecko 浏览器都假定其为有效的,不会使整个选择器列表无效。

媒体特性

参见