Avendor 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 toCSS, which are prefixed with-webkit-.

-webkit-prefixed properties without standard equivalents

A-C

• -webkit-app-regionDeprecated: 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: Seefont-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

• -webkit-margin-after
• -webkit-margin-before
• -webkit-mask-box-image: Seemask-border andborder-image.
• -webkit-mask-box-image-outset: Seemask-border andborder-image.
• -webkit-mask-box-image-repeat: Seemask-border andborder-image.
• -webkit-mask-box-image-slice: Seemask-border andborder-image.
• -webkit-mask-box-image-source: Seemask-border andborder-image.
• -webkit-mask-box-image-width: Seemask-border andborder-image.
• -webkit-mask-composite: Seemask-border andborder-image.
• -webkit-mask-position-x: Supported with-webkit- by every browser for compatibility reasons.
• -webkit-mask-position-y: Supported with-webkit- by every browser for compatibility reasons.
• -webkit-mask-repeat-xDeprecated: No longer supported; seemask-repeat.
• -webkit-mask-repeat-yDeprecated: No longer supported; seemask-repeat.
• -webkit-mask-source-type: Not supported in Chrome.
• -webkit-max-logical-height
• -webkit-max-logical-width
• -webkit-min-logical-height
• -webkit-min-logical-width

N-Z

• -webkit-nbsp-mode: Not supported in Chrome.
• -webkit-perspective-origin-x
• -webkit-perspective-origin-y
• -webkit-rtl-ordering
• -webkit-tap-highlight-color: Only supported in Safari on iOS.
• -webkit-text-decoration-skip: Not supported in Chrome.
• -webkit-text-decorations-in-effect
• -webkit-text-fill-color
• -webkit-text-security
• -webkit-text-stroke
• -webkit-text-stroke-color
• -webkit-text-stroke-width
• -webkit-text-zoom: Not supported in Chrome.
• -webkit-touch-calloutDeprecated: Only supported in Safari on iOS.
• -webkit-transform-origin-x
• -webkit-transform-origin-y
• -webkit-transform-origin-z
• -webkit-user-drag
• -webkit-user-modify

-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

• -webkit-border-after: Useborder-block-end.
• -webkit-border-after-color: Useborder-block-end-color.
• -webkit-border-after-style: Useborder-block-end-style.
• -webkit-border-after-width: Useborder-block-end-width.
• -webkit-border-before: Useborder-block-start.
• -webkit-border-before-color: Useborder-block-start-color.
• -webkit-border-before-style: Useborder-block-start-style.
• -webkit-border-before-width: Useborder-block-start-width.
• -webkit-border-end: Useborder-inline-end.
• -webkit-border-end-color: Useborder-inline-end-color.
• -webkit-border-end-style: Useborder-inline-end-style.
• -webkit-border-end-width: Useborder-inline-end-width.
• -webkit-border-start: Useborder-inline-start.
• -webkit-border-start-color: Useborder-inline-start-color
• -webkit-border-start-style: Useborder-inline-start-style.
• -webkit-border-start-width: Useborder-inline-start-width.
• -webkit-box-align: UseCSS flexbox withalign-items.
• -webkit-box-direction: UseCSS flexbox withflex-direction.
• -webkit-box-flex-group: UseCSS flexbox withflex-basis,flex-grow, andflex-shrink.
• -webkit-box-flex: UseCSS flexbox withflex-grow.
• -webkit-box-lines: UseCSS flexbox withflex-flow.
• -webkit-box-ordinal-group: UseCSS flexbox withorder.
• -webkit-box-orient: UseCSS flexbox withflex-direction.
• -webkit-box-pack: UseCSS flexbox withjustify-content.
• -webkit-box-reflect: Use the CSSelement() function.

C-I

• -webkit-column-break-after: UseCSS multicolumn layout withbreak-after.
• -webkit-column-break-before: UseCSS multicolumn layout withbreak-before.
• -webkit-column-break-inside: UseCSS multicolumn layout withbreak-inside.
• -webkit-font-feature-settings: Usefont-feature-settings (the prefixed version not supported in Safari).
• -webkit-hyphenate-character: Usehyphenate-character.
• -webkit-initial-letter: Useinitial-letter.

J-Z

• -webkit-line-clamp: Useline-clamp.
• -webkit-margin-end: Usemargin-block-end.
• -webkit-margin-start: Usemargin-block-start.
• -webkit-padding-after: Usepadding-block-end.
• -webkit-padding-before: Usepadding-block-start.
• -webkit-padding-end: Usepadding-inline-end.
• -webkit-padding-start: Usepadding-inline-start.

Pseudo-classes

• :-webkit-any(): Use:is
• :-webkit-any-link: Use:any-link
• :-webkit-autofill: Use:autofill
• :-webkit-autofill-strong-password: Use:autofill
• :-webkit-drag
• :-webkit-full-page-media: Use:fullscreen
• :-webkit-full-screen: Use:fullscreen
• :-webkit-full-screen-ancestor: Use:fullscreen
• :-webkit-full-screen-document: Use:fullscreen
• :-webkit-full-screen-controls-hidden: Use:fullscreen

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.

• ::-webkit-file-upload-button: Use::file-selector-button
• ::-webkit-inner-spin-button
• ::-webkit-input-placeholder: Use::placeholder
• ::-webkit-meter-barDeprecated
• ::-webkit-meter-even-less-good-value
• ::-webkit-meter-inner-element
• ::-webkit-meter-optimum-value
• ::-webkit-meter-suboptimum-value
• ::-webkit-progress-bar
• ::-webkit-progress-inner-element
• ::-webkit-progress-value
• ::-webkit-search-cancel-button
• ::-webkit-search-results-button
• ::-webkit-slider-runnable-track
• ::-webkit-slider-thumb

Media features

• -webkit-animationDeprecated
• -webkit-device-pixel-ratio: Supported cross-browser
• -webkit-transform-2dDeprecated
• -webkit-transform-3d: Supported cross-browser
• -webkit-transitionDeprecated

See also

• Mozilla (-moz-) vendor-prefixed CSS extensions
• Vendor Prefix glossary entry
• Styling Form Controls on the WebKit Trac