WebKit (-webkit-) vendor-prefixed CSS extensions

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

D-L

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

-webkit-prefixed property values

-webkit-fill-available

Used with sizing properties like width and height, to allow elements to take up all available space within their parent container. The stretch value provides a standard replacement, but -webkit-fill-available is supported as an alias by browsers for backwards-compatibility reasons.

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