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-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
-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