Unpréfixe vendeur est utilisé pour indiquer qu'une fonctionnalité est spécifique à un certain navigateur.Les agents utilisateurs basés sur WebKit ou Blink (tels que Safari et Chrome) prennent en charge plusieurs extensions deCSS, qui sont préfixées par-webkit-.

Propriétés préfixées par -webkit sans équivalents standard

A - C

• -webkit-app-regionObsolète : N'est plus pris en charge dans Safari.
• -webkit-border-horizontal-spacing
• -webkit-border-vertical-spacing
• -webkit-box-reflect : Prise en charge avec-webkit- par tous les navigateurs, pour des raisons de compatibilité.
• -webkit-column-axis : N'est pas pris en charge dans Chrome.
• -webkit-column-progression : N'est pas pris en charge dans Chrome.
• -webkit-cursor-visibility : N'est pas pris en charge dans Chrome.

D-L

• -webkit-font-smoothing : Voirfont-smooth.
• -webkit-hyphenate-limit-after : N'est pas pris en charge dans Chrome.
• -webkit-hyphenate-limit-before : N'est pas pris en charge dans Chrome.
• -webkit-hyphenate-limit-lines : N'est pas pris en charge dans Chrome.
• -webkit-line-align : N'est pas pris en charge dans Chrome.
• -webkit-line-box-contain : N'est pas pris en charge dans Chrome.
• -webkit-line-grid : N'est pas pris en charge dans Chrome.
• -webkit-line-snap : N'est pas pris en charge dans Chrome.
• -webkit-locale
• -webkit-logical-height
• -webkit-logical-width

M

• -webkit-margin-after
• -webkit-margin-before
• -webkit-mask-box-image : Voirmask-border etborder-image.
• -webkit-mask-box-image-outset : Voirmask-border etborder-image.
• -webkit-mask-box-image-repeat : Voirmask-border etborder-image.
• -webkit-mask-box-image-slice : Voirmask-border etborder-image.
• -webkit-mask-box-image-source : Voirmask-border etborder-image.
• -webkit-mask-box-image-width : Voirmask-border etborder-image.
• -webkit-mask-composite : Voirmask-border etborder-image.
• -webkit-mask-position-x : Prise en charge avec-webkit- par tous les navigateurs, pour des raisons de compatibilité.
• -webkit-mask-position-y : Prise en charge avec-webkit- par tous les navigateurs, pour des raisons de compatibilité.
• -webkit-mask-repeat-xObsolète : N'est plus prise en charge ; utilisezmask-repeat.
• -webkit-mask-repeat-yObsolète : N'est plus prise en charge ; utilisezmask-repeat.
• -webkit-mask-source-type: N'est pas pris en charge dans Chrome.
• -webkit-max-logical-height
• -webkit-max-logical-width
• -webkit-min-logical-height
• -webkit-min-logical-width

N - Z

• -webkit-nbsp-mode : N'est pas pris en charge dans Chrome.
• -webkit-perspective-origin-x
• -webkit-perspective-origin-y
• -webkit-rtl-ordering
• -webkit-tap-highlight-color : N'est pris en charge que dans Safari sur iOS.
• -webkit-text-decoration-skip : N'est pas pris en charge dans 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 : N'est pas pris en charge dans Chrome.
• -webkit-touch-calloutObsolète: N'est pris en charge que dans Safari sur iOS.
• -webkit-transform-origin-x
• -webkit-transform-origin-y
• -webkit-transform-origin-z
• -webkit-user-drag
• -webkit-user-modify

Propriétés préfixées par -webkit avec équivalents standard

Plusieurs propriétés préfixées par-webkit- ont des équivalents standard.Même si le nom et la syntaxe peuvent être différents, elles ne devraient plus être utilisées.Pour chacune des propriétés ci-dessous, utilisez les équivalents standard.

A-B

• -webkit-border-after : Utilisezborder-block-end.
• -webkit-border-after-color : Utilisezborder-block-end-color.
• -webkit-border-after-style : Utilisezborder-block-end-style.
• -webkit-border-after-width : Utilisezborder-block-end-width.
• -webkit-border-before : Utilisezborder-block-start.
• -webkit-border-before-color : Utilisezborder-block-start-color.
• -webkit-border-before-style : Utilisezborder-block-start-style.
• -webkit-border-before-width : Utilisezborder-block-start-width.
• -webkit-border-end : Utilisezborder-inline-end.
• -webkit-border-end-color : Utilisezborder-inline-end-color.
• -webkit-border-end-style : Utilisezborder-inline-end-style.
• -webkit-border-end-width : Utilisezborder-inline-end-width.
• -webkit-border-start : Utilisezborder-inline-start.
• -webkit-border-start-color : Utilisezborder-inline-start-color.
• -webkit-border-start-style : Utilisezborder-inline-start-style.
• -webkit-border-start-width : Utilisezborder-inline-start-width.
• -webkit-box-align : Utilisez lesflexbox avecalign-items.
• -webkit-box-direction : Utilisez lesflexbox avecflex-direction.
• -webkit-box-flex-group : Utilisez lesflexbox avecflex-basis,flex-grow etflex-shrink.
• -webkit-box-flex : Utilisez lesflexbox avecflex-grow.
• -webkit-box-lines : Utilisez lesflexbox avecflex-flow.
• -webkit-box-ordinal-group : Utilisez lesflexbox avecorder.
• -webkit-box-orient : Utilisez lesflexbox avecflex-direction.
• -webkit-box-pack : Utilisez lesflexbox avecjustify-content.
• -webkit-box-reflect : Utilisez la fonction CSSelement().

C-I

• -webkit-column-break-after : Utilisez lamise en page multicolonne CSS avecbreak-after.
• -webkit-column-break-before : Utilisez lamise en page multicolonne CSS avecbreak-before.
• -webkit-column-break-inside : Utilisez lamise en page multicolonne CSS avecbreak-inside.
• -webkit-font-feature-settings : Utilisezfont-feature-settings (la version préfixée n'est pas prise en charge dans Safari).
• -webkit-hyphenate-character : Utilisezhyphenate-character.
• -webkit-initial-letter : Utilisezinitial-letter.

J-Z

• -webkit-line-clamp : Utilisezline-clamp.
• -webkit-margin-end : Utilisezmargin-block-end.
• -webkit-margin-start : Utilisezmargin-block-start.
• -webkit-padding-after : Utilisezpadding-block-end.
• -webkit-padding-before : Utilisezpadding-block-start.
• -webkit-padding-end : Utilisezpadding-inline-end.
• -webkit-padding-start : Utilisezpadding-inline-start.

Pseudo-classes

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

Pseudo-éléments

Pour des raisons de compatibilité web, Blink, WebKit et Gecko traitent tous les pseudo-éléments commençant par::-webkit- comme valides.Si un pseudo-élément ou une pseudo-classe invalide se trouve dans une chaîne ou un groupe de sélecteurs, l'ensemble de la liste de sélecteurs est invalide.Si un pseudo-élément (mais pas une pseudo-classe) a un préfixe-webkit-, les navigateurs Blink, WebKit et Gecko supposent qu'il est valide, sans invalider la liste des sélecteurs.

• ::-webkit-file-upload-button : Utilisez::file-selector-button
• ::-webkit-inner-spin-button
• ::-webkit-input-placeholder : Utilisez::placeholder
• ::-webkit-meter-barObsolète
• ::-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

Fonctionnalités multimédias

• -webkit-animationObsolète
• -webkit-device-pixel-ratio : Prise en charge multiplateforme
• -webkit-transform-2dObsolète
• -webkit-transform-3d : Prise en charge multiplateforme
• -webkit-transitionObsolète

Voir aussi

• Extensions CSS préfixées par le vendeur Firefox (-moz-)
• L'entrée du glossairePréfixe vendeur.
• La mise en forme des contrôles de formulaires sur le Trac WebKit^(angl.)