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
B
-webkit-background-compositebackground-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
H – I
L
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
P
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
Propriétés WebKit en voie de standardisation
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
F
G-J
M
O-S
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
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
J
M
O-P
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
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
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::-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