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-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-webkit-box-direction-webkit-box-flex-webkit-box-flex-group-webkit-box-lines-webkit-box-ordinal-group-webkit-box-orient-webkit-box-pack-webkit-box-reflect-webkit-box-shadow
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
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-epub-text-emphasis-color-webkit-text-emphasis-color-webkit-text-emphasis-position-epub-text-emphasis-style-webkit-text-emphasis-style-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-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-webkit-appearance
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-box-align-webkit-box-direction-webkit-box-flex-webkit-box-orient-webkit-box-pack-webkit-box-shadow-webkit-box-sizing-webkit-border-top-left-radius-webkit-border-top-right-radius
F
J
M
O-P
T
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