WebKit (-webkit-) vendor-prefixed CSS extensions

We’d love to hear your thoughts on the next set of proposals for the JavaScript language. You can find a description of the proposals here.
Please take two minutes to fill out our short survey.

A vendor prefix is used to indicate that a feature is specific to a certain browser. User agents based on WebKit or Blink (such as Safari and Chrome) support several extensions to CSS, which are prefixed with -webkit-.

-webkit-prefixed properties without standard equivalents

Note: These properties work in WebKit- or Blink-based browsers except where support notes say otherwise. You should avoid using them on production websites.

A-C

  • -webkit-app-region : No longer supported in Safari.
  • -webkit-border-horizontal-spacing
  • -webkit-border-vertical-spacing
  • -webkit-box-reflect: Supported with -webkit- by every browser, for compatibility reasons.
  • -webkit-column-axis: Not supported in Chrome.
  • -webkit-column-progression: Not supported in Chrome.
  • -webkit-cursor-visibility: Not supported in Chrome.

D-L

  • -webkit-font-smoothing: See font-smooth.
  • -webkit-hyphenate-limit-after: Not supported in Chrome.
  • -webkit-hyphenate-limit-before: Not supported in Chrome.
  • -webkit-hyphenate-limit-lines: Not supported in Chrome.
  • -webkit-line-align: Not supported in Chrome.
  • -webkit-line-box-contain: Not supported in Chrome.
  • -webkit-line-grid: Not supported in Chrome.
  • -webkit-line-snap: Not supported in Chrome.
  • -webkit-locale
  • -webkit-logical-height
  • -webkit-logical-width

M

N-Z

-webkit-prefixed properties with standard equivalents

Several -webkit- prefixed properties have standard equivalents. Even if the name and syntax may be different, they shouldn't be used any more. For each of the properties below, use the standard equivalents.

A-B

C-I

J-Z

Pseudo-classes

Note: If there is an invalid pseudo-class within in a chain or group of selectors, the whole selector list is invalid.

Pseudo-elements

For web-compatibility reasons, Blink, WebKit, and Gecko browsers treat all pseudo-elements starting with ::-webkit- as valid. If there is an invalid pseudo-element or pseudo-class within in a chain or group of selectors, the whole selector list is invalid. If a pseudo-element (but not pseudo-class) has a -webkit- prefix, Blink, WebKit and Gecko browsers assume it is valid, not invalidating the selector list.

Media features

See also