Extensions WebKit
=================

Les applications basées sur WebKit ou Blink, telles que Safari et Chrome, prennent en charge plusieurs **extensions spécifiques à CSS**. Ces extensions sont généralement préfixées par `-webkit`. Certaines propriétés préfixées par `-webkit` peuvent également fonctionner avec le préfixe `-apple`. Quelques unes de ces extensions sont préfixées avec `-epub`.

Propriétés spécifiques WebKit (ne pas utiliser sur le Web)
----------------------------------------------------------

**Note :** Ces propriétés ne fonctionneront que pour les applications WebKit et ne sont pas en voie de standardisation.

### A

* `-webkit-aspect-ratio`
### B

* `-webkit-background-composite`
* `background-origin-x` (unprefixed!)
* `background-origin-y` (unprefixed!)
* `-webkit-border-after`
* `-webkit-border-after-color`
* `-webkit-border-after-style`
* `-webkit-border-after-width`
* `-webkit-border-before`
* `-webkit-border-before-color`
* `-webkit-border-before-style`
* `-webkit-border-before-width`
* `-webkit-border-end`
* `-webkit-border-end-color`
* `-webkit-border-end-style`
* `-webkit-border-end-width`
* `-webkit-border-fit` (en-US)
* `-webkit-border-horizontal-spacing`
* `-webkit-border-start`
* `-webkit-border-start-color`
* `-webkit-border-start-style`
* `-webkit-border-start-width`
* `-webkit-border-vertical-spacing`
* `-webkit-box-align` (en-US)
* `-webkit-box-direction` (en-US)
* `-webkit-box-flex` (en-US)
* `-webkit-box-flex-group`
* `-webkit-box-lines`
* `-webkit-box-ordinal-group` (en-US)
* `-webkit-box-orient` (en-US)
* `-webkit-box-pack` (en-US)
* `-webkit-box-reflect`
* `-webkit-box-shadow` (en-US)
### C – G

* `-webkit-column-axis`
* `-webkit-column-break-after`
* `-webkit-column-break-before`
* `-webkit-column-break-inside`
* `-webkit-dashboard-region`
* `-webkit-font-smoothing` (en-US)
* `-webkit-grid-columns`
* `-webkit-grid-rows`
### H – I

* `-webkit-highlight`
* `-webkit-hyphenate-charset`
* `-webkit-hyphenate-limit-after`
* `-webkit-hyphenate-limit-before`
* `-webkit-hyphenate-limit-lines`
* `-webkit-image-set`
### L

* `-webkit-line-align`
* `-webkit-line-box-contain`
* `-webkit-line-break`
* `-webkit-line-clamp`
* `-webkit-line-grid`
* `-webkit-line-snap`
* `-webkit-locale`
* `-webkit-logical-height`
* `-webkit-logical-width`
### M

* `-webkit-margin-after`
* `-webkit-margin-after-collapse`
* `-webkit-margin-before`
* `-webkit-margin-before-collapse`
* `-webkit-margin-bottom-collapse`
* `-webkit-margin-collapse`
* `-webkit-margin-end`
* `-webkit-margin-start`
* `-webkit-margin-top-collapse`
* `-webkit-marquee`
* `-webkit-marquee-direction`
* `-webkit-marquee-increment`
* `-webkit-marquee-repetition`
* `-webkit-marquee-speed`
* `-webkit-marquee-style`
* `-webkit-mask-attachment`
* `-webkit-mask-box-image`
* `-webkit-mask-box-image-outset`
* `-webkit-mask-box-image-repeat`
* `-webkit-mask-box-image-slice`
* `-webkit-mask-box-image-source`
* `-webkit-mask-box-image-width`
* `-webkit-mask-position-x`
* `-webkit-mask-position-y`
* `-webkit-mask-repeat-x`
* `-webkit-mask-repeat-y`
* `-webkit-match-nearest-mail-blockquote-color`
* `-webkit-max-logical-height`
* `-webkit-max-logical-width`
* `-webkit-min-logical-height`
* `-webkit-min-logical-width`
### N – O

* `-webkit-nbsp-mode`
* `-webkit-overflow-scrolling`
### P

* `-webkit-padding-after`
* `-webkit-padding-before`
* `-webkit-padding-end`
* `-webkit-padding-start`
* `-webkit-perspective-origin-x`
* `-webkit-perspective-origin-y`
* `-webkit-print-color-adjust`
### R – S

* `-webkit-region-break-after`
* `-webkit-region-break-before`
* `-webkit-region-break-inside`
* `-webkit-region-fragment`
* `-webkit-`resizer``
* `-webkit-rtl-ordering`
* ``-webkit-scrollbar``
* ``-webkit-scrollbar-button``
* ``-webkit-scrollbar-corner``
* `-webkit-`scrollbar-thumb``
* `-webkit-`scrollbar-track``
* `-webkit-`scrollbar-track-piece``
* `-webkit-shape-inside`
* `-webkit-svg-shadow`
### T

* `-webkit-tap-highlight-color`
* `-webkit-text-combine`
* `-epub-text-combine`
* `-webkit-text-decorations-in-effect`
* `-webkit-text-fill-color`
* `-epub-text-orientation`
* `-webkit-text-security`
* `-webkit-text-size-adjust` (en-US)
* `-webkit-text-stroke`
* `-webkit-text-stroke-color`
* `-webkit-text-stroke-width`
* `-webkit-touch-callout`
Propriétés WebKit en voie de standardisation
--------------------------------------------

* `-webkit-appearance`
* `-webkit-font-size-delta`
* `-webkit-mask-composite`
* `-webkit-mask-position-x`
* `-webkit-mask-position-y`
* `-webkit-mask-repeat-x`
* `-webkit-mask-repeat-y`
Anciennes propriétés spécifiques désormais standardisées
--------------------------------------------------------

**Note :** Afin d'obtenir la meilleure compatibilité possible, vous devriez utiliser les versions standards, non-préfixées, de ces propriétés plutôt que les versions spécifiques. Généralement, lorsqu'une propriété est standardisée et implémentée, la version préfixée est généralement abandonnée ensuite.

### A

* `-webkit-align-content`
* `-webkit-align-items`
* `-webkit-align-self`
* `-webkit-animation`
* `-webkit-animation-delay`
* `-webkit-animation-direction`
* `-webkit-animation-duration`
* `-webkit-animation-fill-mode`
* `-webkit-animation-iteration-count`
* `-webkit-animation-name`
* `-webkit-animation-play-state`
* `-webkit-animation-timing-function`
### B

* `-webkit-backface-visibility`
* `-webkit-background-clip`
* `-webkit-background-origin`
* `-webkit-background-size`
* `-webkit-border-bottom-left-radius`
* `-webkit-border-bottom-right-radius`
* `-webkit-border-image`
* `-webkit-border-radius`
* `-webkit-border-top-left-radius`
* `-webkit-border-top-right-radius`
* `-webkit-box-shadow`
* `-webkit-box-sizing`
### C

* `-webkit-column-count`
* `-webkit-column-gap`
* `-webkit-column-rule`
* `-webkit-column-rule-color`
* `-webkit-column-rule-style`
* `-webkit-column-rule-width`
* `-webkit-column-span`
* `-webkit-column-width`
* `-webkit-columns`
### F

* `-webkit-filter`
* `-webkit-flex`
* `-webkit-flex-basis`
* `-webkit-flex-direction`
* `-webkit-flex-flow`
* `-webkit-flex-grow`
* `-webkit-flex-shrink`
* `-webkit-flex-wrap`
* `-webkit-font-feature-settings` (en-US)
* `-webkit-font-kerning` (en-US)
* `-webkit-font-variant-ligatures` (en-US)
### G-J

* `-webkit-grid-column`
* `-webkit-grid-row`
* `-webkit-hyphens`
* `-webkit-justify-content`
### M

* `-webkit-mask`
* `-webkit-mask-clip`
* `-webkit-mask-image`
* `-webkit-mask-origin`
* `-webkit-mask-position`
* `-webkit-mask-repeat`
* `-webkit-mask-size`
### O-S

* `-webkit-opacity`
* `-webkit-order`
* `-webkit-perspective`
* `-webkit-perspective-origin`
* `-webkit-shape-outside`
### T

* `-epub-text-emphasis`
* `-webkit-text-emphasis` (en-US)
* `-epub-text-emphasis-color`
* `-webkit-text-emphasis-color` (en-US)
* `-webkit-text-emphasis-position` (en-US)
* `-epub-text-emphasis-style`
* `-webkit-text-emphasis-style` (en-US)
* `-webkit-text-size-adjust`
* `-webkit-transform`
* `-webkit-transform-origin`
* `-webkit-transform-style`
* `-webkit-transition`
* `-webkit-transition-delay`
* `-webkit-transition-duration`
* `-webkit-transition-property`
* `-webkit-transition-timing-function`
### W

* `-epub-word-break`
* `-epub-writing-mode`
Spécificités prises en charge par Firefox
-----------------------------------------

Les propriétés suivantes peuvent être utilisées avec le préfixe `-webkit-` sous Firefox. La plupart de ces propriétés peuvent également s'utiliser sans préfixes (voir la section sur les propriétés anciennement spécifiques et désormais standard ci-avant).

**Note :** En raison du code historique utilisé dans de nombreux sites web et contenant des propriétés préfixées avec `-webkit-`, Edge et Firefox redirigent de nombreuses propriétés préfixées avec `-webkit-` vers les équivalents sans préfixe ou avec `-moz-` ou `-ms-`.

### A

* `-webkit-align-content` (en-US)
* `-webkit-align-items` (en-US)
* `-webkit-align-self` (en-US)
* `-webkit-animation` (en-US)
* `-webkit-animation-delay` (en-US)
* `-webkit-animation-direction` (en-US)
* `-webkit-animation-duration` (en-US)
* `-webkit-animation-fill-mode` (en-US)
* `-webkit-animation-iteration-count` (en-US)
* `-webkit-animation-name` (en-US)
* `-webkit-animation-play-state` (en-US)
* `-webkit-animation-timing-function` (en-US)
* `-webkit-appearance` (en-US)
### B

* `-webkit-backface-visibility` (en-US)
* `-webkit-background-clip` (en-US)
* `-webkit-background-origin` (en-US)
* `-webkit-background-size` (en-US)
* `-webkit-border-bottom-left-radius` (en-US)
* `-webkit-border-bottom-right-radius` (en-US)
* `-webkit-border-image` (en-US)
* `-webkit-border-radius` (en-US)
* `-webkit-box-align` (en-US)
* `-webkit-box-direction` (en-US)
* `-webkit-box-flex` (en-US)
* `-webkit-box-orient` (en-US)
* `-webkit-box-pack` (en-US)
* `-webkit-box-shadow` (en-US)
* `-webkit-box-sizing` (en-US)
* `-webkit-border-top-left-radius` (en-US)
* `-webkit-border-top-right-radius` (en-US)
### F

* `-webkit-filter` (en-US)
* `-webkit-flex` (en-US)
* `-webkit-flex-basis` (en-US)
* `-webkit-flex-direction` (en-US)
* `-webkit-flex-flow` (en-US)
* `-webkit-flex-grow` (en-US)
* `-webkit-flex-shrink` (en-US)
* `-webkit-flex-wrap` (en-US)
### J

* `-webkit-justify-content` (en-US)
### M

* `-webkit-mask` (en-US)
* `-webkit-mask-clip` (en-US)
* `-webkit-mask-composite`
* `-webkit-mask-image`
* `-webkit-mask-origin` (en-US)
* `-webkit-mask-position` (en-US)
* `-webkit-mask-position-x`
* `-webkit-mask-position-y`
* `-webkit-mask-repeat` (en-US)
* `-webkit-mask-size` (en-US)
### O-P

* `-webkit-order` (en-US)
* `-webkit-perspective` (en-US)
* `-webkit-perspective-origin` (en-US)
### T

* `-webkit-text-fill-color`
* `-webkit-text-size-adjust` (en-US)
* `-webkit-text-stroke`
* `-webkit-text-stroke-color`
* `-webkit-text-stroke-width`
* `-webkit-transform` (en-US)
* `-webkit-transform-origin` (en-US)
* `-webkit-transition` (en-US)
* `-webkit-transition-delay` (en-US)
* `-webkit-transition-duration` (en-US)
* `-webkit-transition-property` (en-US)
* `-webkit-transition-timing-function` (en-US)
### U

* `-webkit-user-select` (en-US)

Prise en charge avec les préfixes `-moz-` et `-webkit-` dans Firefox mais pas pris en charge sans préfixe. Microsoft Edge et IE Mobile prennent en charge cette propriété avec le préfixe `-webkit-` plutôt qu'avec `-ms-` à des fins d'interopérabilité. Ces valeurs sont prises en charges bien qu'elles ne soient pas standard et qu'elles ne soient pas en cours de standardisation. On privliégiera l'utilisation des propriétés `flex-box`.

Pseudo-classes
--------------

* `:-webkit-animating-full-screen-transition`
* `:-webkit-any()`
* `:-webkit-any-link`
* `:-webkit-autofill`
* `:-webkit-autofill-strong-password`
* `:-webkit-drag`
* `:-webkit-full-page-media`
* `:-webkit-full-screen`
* `:-webkit-full-screen-ancestor`
* `:-webkit-full-screen-document`
* `:-webkit-full-screen-controls-hidden`
Pseudo-éléments
---------------

Pour des raisons de compatibilité web, Blink, WebKit et Gecko considèrent les pseudo-éléments commençant par `::-webkit-` comme valides.

* `::-webkit-file-upload-button`
* `::-webkit-inner-spin-button`
* `::-webkit-input-placeholder`
* `::-webkit-meter-bar`
* `::-webkit-meter-even-less-good-value`
* `::-webkit-meter-inner-element`
* `::-webkit-meter-optimum-value`
* `::-webkit-meter-suboptimum-value`
* `::-webkit-outer-spin-button` (en-US)
* `::-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`
Caractéristiques média
----------------------

* `-webkit-animation`
* `-webkit-device-pixel-ratio`
* `-webkit-transform-2d`
* `-webkit-transform-3d`
* `-webkit-transition`
Voir aussi
----------

* La mise en forme des contrôles de formulaires sur le Trac WebKit (en anglais)
* Une liste complémentaire d'extensions WebKit https://gist.github.com/afabbro/3759334
* Les extensions CSS relatives à Microsoft
* Les extensions CSS relatives à Mozilla