diff options
author | julieng <julien.gattelier@gmail.com> | 2021-09-17 20:59:20 +0200 |
---|---|---|
committer | SphinxKnight <SphinxKnight@users.noreply.github.com> | 2021-10-12 07:57:33 +0200 |
commit | 258ba7b4be62d8640477a3bd3146d08b00cb70ec (patch) | |
tree | a8476eee4c369ff47bdfe08353774414f2281ba3 /files/fr/web/css/webkit_extensions/index.md | |
parent | 149319bb8c7b1394a443f0877c3460cd362aa815 (diff) | |
download | translated-content-258ba7b4be62d8640477a3bd3146d08b00cb70ec.tar.gz translated-content-258ba7b4be62d8640477a3bd3146d08b00cb70ec.tar.bz2 translated-content-258ba7b4be62d8640477a3bd3146d08b00cb70ec.zip |
convert content to md
Diffstat (limited to 'files/fr/web/css/webkit_extensions/index.md')
-rw-r--r-- | files/fr/web/css/webkit_extensions/index.md | 924 |
1 files changed, 427 insertions, 497 deletions
diff --git a/files/fr/web/css/webkit_extensions/index.md b/files/fr/web/css/webkit_extensions/index.md index 46babfeea4..95ef5bc299 100644 --- a/files/fr/web/css/webkit_extensions/index.md +++ b/files/fr/web/css/webkit_extensions/index.md @@ -9,500 +9,430 @@ tags: - WebKit translation_of: Web/CSS/WebKit_Extensions --- -<div>{{CSSRef}}</div> - -<p>Les applications basées sur WebKit ou Blink, telles que Safari et Chrome, prennent en charge plusieurs <strong>extensions spécifiques à <a href="/fr/docs/Web/CSS">CSS</a></strong>. Ces extensions sont généralement préfixées par <code>-webkit</code>. Certaines propriétés préfixées par <code>-webkit</code> peuvent également fonctionner avec le préfixe <code>-apple</code>. Quelques unes de ces extensions sont préfixées avec <code>-epub</code>.</p> - -<h2 id="Propriétés_spécifiques_WebKit_ne_pas_utiliser_sur_le_Web">Propriétés spécifiques WebKit (ne pas utiliser sur le Web)</h2> - -<div class="note"> -<p><strong>Note :</strong> Ces propriétés ne fonctionneront que pour les applications WebKit et ne sont pas en voie de standardisation.</p> -</div> - -<h3 id="A">A</h3> - -<ul> - <li>{{CSSxRef("-webkit-aspect-ratio")}}</li> -</ul> - -<h3 id="B">B</h3> - -<ul> - <li>{{CSSxRef("-webkit-background-composite")}}</li> - <li>{{CSSxRef("background-origin-x")}} (unprefixed!)</li> - <li>{{CSSxRef("background-origin-y")}} (unprefixed!)</li> - <li>{{CSSxRef("-webkit-border-after")}}</li> - <li>{{CSSxRef("-webkit-border-after-color")}}</li> - <li>{{CSSxRef("-webkit-border-after-style")}}</li> - <li>{{CSSxRef("-webkit-border-after-width")}}</li> - <li>{{CSSxRef("-webkit-border-before")}}</li> - <li>{{CSSxRef("-webkit-border-before-color")}}</li> - <li>{{CSSxRef("-webkit-border-before-style")}}</li> - <li>{{CSSxRef("-webkit-border-before-width")}}</li> - <li>{{CSSxRef("-webkit-border-end")}}</li> - <li>{{CSSxRef("-webkit-border-end-color")}}</li> - <li>{{CSSxRef("-webkit-border-end-style")}}</li> - <li>{{CSSxRef("-webkit-border-end-width")}}</li> - <li>{{CSSxRef("-webkit-border-fit")}}</li> - <li>{{CSSxRef("-webkit-border-horizontal-spacing")}}</li> - <li>{{CSSxRef("-webkit-border-start")}}</li> - <li>{{CSSxRef("-webkit-border-start-color")}}</li> - <li>{{CSSxRef("-webkit-border-start-style")}}</li> - <li>{{CSSxRef("-webkit-border-start-width")}}</li> - <li>{{CSSxRef("-webkit-border-vertical-spacing")}}</li> - <li>{{CSSxRef("-webkit-box-align")}}</li> - <li>{{CSSxRef("-webkit-box-direction")}}</li> - <li>{{CSSxRef("-webkit-box-flex")}}</li> - <li>{{CSSxRef("-webkit-box-flex-group")}}</li> - <li>{{CSSxRef("-webkit-box-lines")}}</li> - <li>{{CSSxRef("-webkit-box-ordinal-group")}}</li> - <li>{{CSSxRef("-webkit-box-orient")}}</li> - <li>{{CSSxRef("-webkit-box-pack")}}</li> - <li>{{CSSxRef("-webkit-box-reflect")}}</li> - <li>{{CSSxRef("-webkit-box-shadow")}}</li> -</ul> - -<h3 id="C_–_G">C – G</h3> - -<ul> - <li>{{CSSxRef("-webkit-column-axis")}}</li> - <li>{{CSSxRef("-webkit-column-break-after")}}</li> - <li>{{CSSxRef("-webkit-column-break-before")}}</li> - <li>{{CSSxRef("-webkit-column-break-inside")}}</li> - <li>{{CSSxRef("-webkit-dashboard-region")}}</li> - <li>{{CSSxRef("-webkit-font-smoothing")}}</li> - <li>{{CSSxRef("-webkit-grid-columns")}}</li> - <li>{{CSSxRef("-webkit-grid-rows")}}</li> -</ul> - -<h3 id="H_–_I">H – I</h3> - -<ul> - <li>{{CSSxRef("-webkit-highlight")}}</li> - <li>{{CSSxRef("-webkit-hyphenate-charset")}}</li> - <li>{{CSSxRef("-webkit-hyphenate-limit-after")}}</li> - <li>{{CSSxRef("-webkit-hyphenate-limit-before")}}</li> - <li>{{CSSxRef("-webkit-hyphenate-limit-lines")}}</li> - <li>{{CSSxRef("-webkit-image-set")}}</li> -</ul> - -<h3 id="L">L</h3> - -<ul> - <li>{{CSSxRef("-webkit-line-align")}}</li> - <li>{{CSSxRef("-webkit-line-box-contain")}}</li> - <li>{{CSSxRef("-webkit-line-break")}}</li> - <li>{{CSSxRef("-webkit-line-clamp")}}</li> - <li>{{CSSxRef("-webkit-line-grid")}}</li> - <li>{{CSSxRef("-webkit-line-snap")}}</li> - <li>{{CSSxRef("-webkit-locale")}}</li> - <li>{{CSSxRef("-webkit-logical-height")}}</li> - <li>{{CSSxRef("-webkit-logical-width")}}</li> -</ul> - -<h3 id="M">M</h3> - -<ul> - <li>{{CSSxRef("-webkit-margin-after")}}</li> - <li>{{CSSxRef("-webkit-margin-after-collapse")}}</li> - <li>{{CSSxRef("-webkit-margin-before")}}</li> - <li>{{CSSxRef("-webkit-margin-before-collapse")}}</li> - <li>{{CSSxRef("-webkit-margin-bottom-collapse")}}</li> - <li>{{CSSxRef("-webkit-margin-collapse")}}</li> - <li>{{CSSxRef("-webkit-margin-end")}}</li> - <li>{{CSSxRef("-webkit-margin-start")}}</li> - <li>{{CSSxRef("-webkit-margin-top-collapse")}}</li> - <li>{{CSSxRef("-webkit-marquee")}}</li> - <li>{{CSSxRef("-webkit-marquee-direction")}}</li> - <li>{{CSSxRef("-webkit-marquee-increment")}}</li> - <li>{{CSSxRef("-webkit-marquee-repetition")}}</li> - <li>{{CSSxRef("-webkit-marquee-speed")}}</li> - <li>{{CSSxRef("-webkit-marquee-style")}}</li> - <li>{{CSSxRef("-webkit-mask-attachment")}}</li> - <li>{{CSSxRef("-webkit-mask-box-image")}}</li> - <li>{{CSSxRef("-webkit-mask-box-image-outset")}}</li> - <li>{{CSSxRef("-webkit-mask-box-image-repeat")}}</li> - <li>{{CSSxRef("-webkit-mask-box-image-slice")}}</li> - <li>{{CSSxRef("-webkit-mask-box-image-source")}}</li> - <li>{{CSSxRef("-webkit-mask-box-image-width")}}</li> - <li>{{CSSxRef("-webkit-mask-position-x")}}</li> - <li>{{CSSxRef("-webkit-mask-position-y")}}</li> - <li>{{CSSxRef("-webkit-mask-repeat-x")}}</li> - <li>{{CSSxRef("-webkit-mask-repeat-y")}}</li> - <li>{{CSSxRef("-webkit-match-nearest-mail-blockquote-color")}}</li> - <li>{{CSSxRef("-webkit-max-logical-height")}}</li> - <li>{{CSSxRef("-webkit-max-logical-width")}}</li> - <li>{{CSSxRef("-webkit-min-logical-height")}}</li> - <li>{{CSSxRef("-webkit-min-logical-width")}}</li> -</ul> - -<h3 id="N_–_O">N – O</h3> - -<ul> - <li>{{CSSxRef("-webkit-nbsp-mode")}}</li> - <li>{{CSSxRef("-webkit-overflow-scrolling")}}</li> -</ul> - -<h3 id="P">P</h3> - -<ul> - <li>{{CSSxRef("-webkit-padding-after")}}</li> - <li>{{CSSxRef("-webkit-padding-before")}}</li> - <li>{{CSSxRef("-webkit-padding-end")}}</li> - <li>{{CSSxRef("-webkit-padding-start")}}</li> - <li>{{CSSxRef("-webkit-perspective-origin-x")}}</li> - <li>{{CSSxRef("-webkit-perspective-origin-y")}}</li> - <li>{{CSSxRef("-webkit-print-color-adjust")}}</li> -</ul> - -<h3 id="R_–_S">R – S</h3> - -<ul> - <li>{{CSSxRef("-webkit-region-break-after")}}</li> - <li>{{CSSxRef("-webkit-region-break-before")}}</li> - <li>{{CSSxRef("-webkit-region-break-inside")}}</li> - <li>{{CSSxRef("-webkit-region-fragment")}}</li> - <li>{{CSSxRef("-webkit-<code>resizer</code>")}}</li> - <li>{{CSSxRef("-webkit-rtl-ordering")}}</li> - <li>{{CSSxRef(" <code>-webkit-scrollbar</code>")}}</li> - <li>{{CSSxRef(" <code>-webkit-scrollbar-button</code>")}}</li> - <li>{{CSSxRef(" <code>-webkit-scrollbar-corner</code>")}}</li> - <li>{{CSSxRef("-webkit-<code>scrollbar-thumb</code>")}}</li> - <li>{{CSSxRef("-webkit-<code>scrollbar-track</code>")}}</li> - <li>{{CSSxRef("-webkit-<code>scrollbar-track-piece</code>")}}</li> - <li>{{CSSxRef("-webkit-shape-inside")}}</li> - <li>{{CSSxRef("-webkit-svg-shadow")}}</li> -</ul> - -<h3 id="T">T</h3> - -<ul> - <li>{{CSSxRef("-webkit-tap-highlight-color")}}</li> - <li>{{CSSxRef("-webkit-text-combine")}}</li> - <li>{{CSSxRef("-epub-text-combine")}}</li> - <li>{{CSSxRef("-webkit-text-decorations-in-effect")}}</li> - <li>{{CSSxRef("-webkit-text-fill-color")}}</li> - <li>{{CSSxRef("-epub-text-orientation")}}</li> - <li>{{CSSxRef("-webkit-text-security")}}</li> - <li>{{CSSxRef("-webkit-text-size-adjust")}}</li> - <li>{{CSSxRef("-webkit-text-stroke")}}</li> - <li>{{CSSxRef("-webkit-text-stroke-color")}}</li> - <li>{{CSSxRef("-webkit-text-stroke-width")}}</li> - <li>{{CSSxRef("-webkit-touch-callout")}}</li> -</ul> - -<h2 id="Propriétés_WebKit_en_voie_de_standardisation">Propriétés WebKit en voie de standardisation</h2> - -<ul> - <li>{{CSSxRef("appearance", "-webkit-appearance")}}</li> - <li>{{CSSxRef("-webkit-font-size-delta")}}</li> - <li>{{CSSxRef("-webkit-mask-composite")}}</li> - <li>{{CSSxRef("-webkit-mask-position-x")}}</li> - <li>{{CSSxRef("-webkit-mask-position-y")}}</li> - <li>{{CSSxRef("-webkit-mask-repeat-x")}}</li> - <li>{{CSSxRef("-webkit-mask-repeat-y")}}</li> -</ul> - -<h2 id="Anciennes_propriétés_spécifiques_désormais_standardisées">Anciennes propriétés spécifiques désormais standardisées</h2> - -<div class="note"> -<p><strong>Note :</strong> 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.</p> -</div> - -<h3 id="A_2">A</h3> - -<ul> - <li>{{CSSxRef("align-content","-webkit-align-content")}}</li> - <li>{{CSSxRef("align-items","-webkit-align-items")}}</li> - <li>{{CSSxRef("align-self","-webkit-align-self")}}</li> - <li>{{CSSxRef("animation","-webkit-animation")}}</li> - <li>{{CSSxRef("animation-delay","-webkit-animation-delay")}}</li> - <li>{{CSSxRef("animation-direction","-webkit-animation-direction")}}</li> - <li>{{CSSxRef("animation-duration","-webkit-animation-duration")}}</li> - <li>{{CSSxRef("animation-fill-mode","-webkit-animation-fill-mode")}}</li> - <li>{{CSSxRef("animation-iteration-count","-webkit-animation-iteration-count")}}</li> - <li>{{CSSxRef("animation-name","-webkit-animation-name")}}</li> - <li>{{CSSxRef("animation-play-state","-webkit-animation-play-state")}}</li> - <li>{{CSSxRef("animation-timing-function","-webkit-animation-timing-function")}}</li> -</ul> - -<h3 id="B_2">B</h3> - -<ul> - <li>{{CSSxRef("backface-visibility","-webkit-backface-visibility")}}</li> - <li>{{CSSxRef("background-clip","-webkit-background-clip")}}</li> - <li>{{CSSxRef("background-origin","-webkit-background-origin")}}</li> - <li>{{CSSxRef("background-size","-webkit-background-size")}}</li> - <li>{{CSSxRef("border-bottom-left-radius","-webkit-border-bottom-left-radius")}}</li> - <li>{{CSSxRef("border-bottom-right-radius","-webkit-border-bottom-right-radius")}}</li> - <li>{{CSSxRef("border-image","-webkit-border-image")}}</li> - <li>{{CSSxRef("border-radius","-webkit-border-radius")}}</li> - <li>{{CSSxRef("border-top-left-radius","-webkit-border-top-left-radius")}}</li> - <li>{{CSSxRef("border-top-right-radius","-webkit-border-top-right-radius")}}</li> - <li>{{CSSxRef("box-shadow","-webkit-box-shadow")}}</li> - <li>{{CSSxRef("box-sizing","-webkit-box-sizing")}}</li> -</ul> - -<h3 id="C">C</h3> - -<ul> - <li>{{CSSxRef("column-count","-webkit-column-count")}}</li> - <li>{{CSSxRef("column-gap","-webkit-column-gap")}}</li> - <li>{{CSSxRef("column-rule","-webkit-column-rule")}}</li> - <li>{{CSSxRef("column-rule-color","-webkit-column-rule-color")}}</li> - <li>{{CSSxRef("column-rule-style","-webkit-column-rule-style")}}</li> - <li>{{CSSxRef("column-rule-width","-webkit-column-rule-width")}}</li> - <li>{{CSSxRef("column-span","-webkit-column-span")}}</li> - <li>{{CSSxRef("column-width","-webkit-column-width")}}</li> - <li>{{CSSxRef("columns","-webkit-columns")}}</li> -</ul> - -<h3 id="F">F</h3> - -<ul> - <li>{{CSSxRef("filter","-webkit-filter")}}</li> - <li>{{CSSxRef("flex","-webkit-flex")}}</li> - <li>{{CSSxRef("flex-basis","-webkit-flex-basis")}}</li> - <li>{{CSSxRef("flex-direction","-webkit-flex-direction")}}</li> - <li>{{CSSxRef("flex-flow","-webkit-flex-flow")}}</li> - <li>{{CSSxRef("flex-grow","-webkit-flex-grow")}}</li> - <li>{{CSSxRef("flex-shrink","-webkit-flex-shrink")}}</li> - <li>{{CSSxRef("flex-wrap","-webkit-flex-wrap")}}</li> - <li>{{CSSxRef("-webkit-font-feature-settings")}}</li> - <li>{{CSSxRef("-webkit-font-kerning")}}</li> - <li>{{CSSxRef("-webkit-font-variant-ligatures")}}</li> -</ul> - -<h3 id="G-J">G-J</h3> - -<ul> - <li>{{CSSxRef("grid-column","-webkit-grid-column")}}</li> - <li>{{CSSxRef("grid-row","-webkit-grid-row")}}</li> - <li>{{CSSxRef("hyphens","-webkit-hyphens")}}</li> - <li>{{CSSxRef("justify-content","-webkit-justify-content")}}</li> -</ul> - -<h3 id="M_2">M</h3> - -<ul> - <li>{{CSSxRef("mask","-webkit-mask")}}</li> - <li>{{CSSxRef("mask-clip","-webkit-mask-clip")}}</li> - <li>{{CSSxRef("mask-image","-webkit-mask-image")}}</li> - <li>{{CSSxRef("mask-origin","-webkit-mask-origin")}}</li> - <li>{{CSSxRef("mask-position","-webkit-mask-position")}}</li> - <li>{{CSSxRef("mask-repeat","-webkit-mask-repeat")}}</li> - <li>{{CSSxRef("mask-size","-webkit-mask-size")}}</li> -</ul> - -<h3 id="O-S">O-S</h3> - -<ul> - <li>{{CSSxRef("opacity","-webkit-opacity")}}</li> - <li>{{CSSxRef("order","-webkit-order")}}</li> - <li>{{CSSxRef("perspective","-webkit-perspective")}}</li> - <li>{{CSSxRef("perspective-origin","-webkit-perspective-origin")}}</li> - <li>{{CSSxRef("shape-outside","-webkit-shape-outside")}}</li> -</ul> - -<h3 id="T_2">T</h3> - -<ul> - <li>{{CSSxRef("text-emphasis", "-epub-text-emphasis")}}</li> - <li>{{CSSxRef("-webkit-text-emphasis")}}</li> - <li>{{CSSxRef("text-emphasis-color", "-epub-text-emphasis-color")}}</li> - <li>{{CSSxRef("-webkit-text-emphasis-color")}}</li> - <li>{{CSSxRef("-webkit-text-emphasis-position")}}</li> - <li>{{CSSxRef("-epub-text-emphasis-style")}}</li> - <li>{{CSSxRef("-webkit-text-emphasis-style")}}</li> - <li>{{CSSxRef("text-size-adjust","-webkit-text-size-adjust")}}</li> - <li>{{CSSxRef("transform","-webkit-transform")}}</li> - <li>{{CSSxRef("transform-origin","-webkit-transform-origin")}}</li> - <li>{{CSSxRef("transform-style","-webkit-transform-style")}}</li> - <li>{{CSSxRef("transition","-webkit-transition")}}</li> - <li>{{CSSxRef("transition-delay","-webkit-transition-delay")}}</li> - <li>{{CSSxRef("transition-duration","-webkit-transition-duration")}}</li> - <li>{{CSSxRef("transition-property","-webkit-transition-property")}}</li> - <li>{{CSSxRef("transition-timing-function","-webkit-transition-timing-function")}}</li> -</ul> - -<h3 id="W">W</h3> - -<ul> - <li>{{CSSxRef("word-break", "-epub-word-break")}}</li> - <li>{{CSSxRef("writing-mode", "-epub-writing-mode")}}</li> -</ul> - -<h2 id="Spécificités_prises_en_charge_par_Firefox">Spécificités prises en charge par Firefox</h2> - -<p>Les propriétés suivantes peuvent être utilisées avec le préfixe <code>-webkit-</code> sous Firefox. La plupart de ces propriétés peuvent également s'utiliser sans préfixes (voir la section sur les <a href="#spe_std">propriétés anciennement spécifiques et désormais standard </a>ci-avant).</p> - -<div class="note"> -<p><strong>Note :</strong> En raison du code historique utilisé dans de nombreux sites web et contenant des propriétés préfixées avec <code>-webkit-</code>, Edge et Firefox redirigent de nombreuses propriétés préfixées avec <code>-webkit-</code> vers les équivalents sans préfixe ou avec <code>-moz-</code> ou <code>-ms-</code>.</p> -</div> - -<h3 id="A_3">A</h3> - -<ul> - <li>{{CSSxRef("-webkit-align-content")}}</li> - <li>{{CSSxRef("-webkit-align-items")}}</li> - <li>{{CSSxRef("-webkit-align-self")}}</li> - <li>{{CSSxRef("-webkit-animation")}}</li> - <li>{{CSSxRef("-webkit-animation-delay")}}</li> - <li>{{CSSxRef("-webkit-animation-direction")}}</li> - <li>{{CSSxRef("-webkit-animation-duration")}}</li> - <li>{{CSSxRef("-webkit-animation-fill-mode")}}</li> - <li>{{CSSxRef("-webkit-animation-iteration-count")}}</li> - <li>{{CSSxRef("-webkit-animation-name")}}</li> - <li>{{CSSxRef("-webkit-animation-play-state")}}</li> - <li>{{CSSxRef("-webkit-animation-timing-function")}}</li> - <li>{{CSSxRef("-webkit-appearance")}}*</li> -</ul> - -<h3 id="B_3">B</h3> - -<ul> - <li>{{CSSxRef("-webkit-backface-visibility")}}</li> - <li>{{CSSxRef("-webkit-background-clip")}}</li> - <li>{{CSSxRef("-webkit-background-origin")}}</li> - <li>{{CSSxRef("-webkit-background-size")}}</li> - <li>{{CSSxRef("-webkit-border-bottom-left-radius")}}</li> - <li>{{CSSxRef("-webkit-border-bottom-right-radius")}}</li> - <li>{{CSSxRef("-webkit-border-image")}}</li> - <li>{{CSSxRef("-webkit-border-radius")}}</li> - <li>{{CSSxRef("-webkit-box-align")}}**, ***</li> - <li>{{CSSxRef("-webkit-box-direction")}}**, ***</li> - <li>{{CSSxRef("-webkit-box-flex")}}**, ***</li> - <li>{{CSSxRef("-webkit-box-orient")}}**, ***</li> - <li>{{CSSxRef("-webkit-box-pack")}}**, ***</li> - <li>{{CSSxRef("-webkit-box-shadow")}}</li> - <li>{{CSSxRef("-webkit-box-sizing")}}</li> - <li>{{CSSxRef("-webkit-border-top-left-radius")}}</li> - <li>{{CSSxRef("-webkit-border-top-right-radius")}}</li> -</ul> - -<h3 id="F_2">F</h3> - -<ul> - <li>{{CSSxRef("-webkit-filter")}}</li> - <li>{{CSSxRef("-webkit-flex")}}</li> - <li>{{CSSxRef("-webkit-flex-basis")}}</li> - <li>{{CSSxRef("-webkit-flex-direction")}}</li> - <li>{{CSSxRef("-webkit-flex-flow")}}</li> - <li>{{CSSxRef("-webkit-flex-grow")}}</li> - <li>{{CSSxRef("-webkit-flex-shrink")}}</li> - <li>{{CSSxRef("-webkit-flex-wrap")}}</li> -</ul> - -<h3 id="J">J</h3> - -<ul> - <li>{{CSSxRef("-webkit-justify-content")}}</li> -</ul> - -<h3 id="M_3">M</h3> - -<ul> - <li>{{CSSxRef("-webkit-mask")}}</li> - <li>{{CSSxRef("-webkit-mask-clip")}}</li> - <li>{{CSSxRef("-webkit-mask-composite")}}*</li> - <li>{{CSSxRef("-webkit-mask-image")}}</li> - <li>{{CSSxRef("-webkit-mask-origin")}}</li> - <li>{{CSSxRef("-webkit-mask-position")}}</li> - <li>{{CSSxRef("-webkit-mask-position-x")}}**</li> - <li>{{CSSxRef("-webkit-mask-position-y")}}**</li> - <li>{{CSSxRef("-webkit-mask-repeat")}}</li> - <li>{{CSSxRef("-webkit-mask-size")}}</li> -</ul> - -<h3 id="O-P">O-P</h3> - -<ul> - <li>{{CSSxRef("-webkit-order")}}</li> - <li>{{CSSxRef("-webkit-perspective")}}</li> - <li>{{CSSxRef("-webkit-perspective-origin")}}</li> -</ul> - -<h3 id="T_3">T</h3> - -<ul> - <li>{{CSSxRef("-webkit-text-fill-color")}}**</li> - <li>{{CSSxRef("-webkit-text-size-adjust")}}</li> - <li>{{CSSxRef("-webkit-text-stroke")}}**</li> - <li>{{CSSxRef("-webkit-text-stroke-color")}}**</li> - <li>{{CSSxRef("-webkit-text-stroke-width")}}**</li> - <li>{{CSSxRef("-webkit-transform")}}</li> - <li>{{CSSxRef("-webkit-transform-origin")}}</li> - <li>{{CSSxRef("-webkit-transition")}}</li> - <li>{{CSSxRef("-webkit-transition-delay")}}</li> - <li>{{CSSxRef("-webkit-transition-duration")}}</li> - <li>{{CSSxRef("-webkit-transition-property")}}</li> - <li>{{CSSxRef("-webkit-transition-timing-function")}}</li> -</ul> - -<h3 id="U">U</h3> - -<ul> - <li>{{CSSxRef("-webkit-user-select")}}</li> -</ul> - -<p>* Prise en charge avec les préfixes <code>-moz-</code> et <code>-webkit-</code> 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 <code>-webkit-</code> plutôt qu'avec <code>-ms-</code> à des fins d'interopérabilité.<br> - ** Ces valeurs sont prises en charges bien qu'elles ne soient pas standard et qu'elles ne soient pas en cours de standardisation.<br> - *** On privliégiera l'utilisation des propriétés <code>flex-box</code>.</p> - -<h2 id="Pseudo-classes">Pseudo-classes</h2> - -<ul> - <li>{{CSSxRef(":animating-full-screen-transition", ":-webkit-animating-full-screen-transition")}}</li> - <li>{{CSSxRef(":any()", ":-webkit-any()")}}</li> - <li>{{CSSxRef(":any-link", ":-webkit-any-link")}}*</li> - <li>{{CSSxRef(":autofill",":-webkit-autofill")}}</li> - <li>{{CSSxRef(":autofill-strong-password",":-webkit-autofill-strong-password")}}</li> - <li>{{CSSxRef(":drag",":-webkit-drag")}}</li> - <li>{{CSSxRef(":full-page-media",":-webkit-full-page-media")}}</li> - <li>{{CSSxRef(":full-screen", ":-webkit-full-screen")}}*</li> - <li>{{CSSxRef(":full-screen-ancestor",":-webkit-full-screen-ancestor")}}</li> - <li>{{CSSxRef(":full-screen-document",":-webkit-full-screen-document")}}</li> - <li>{{CSSxRef(":full-screen-controls-hidden",":-webkit-full-screen-controls-hidden")}}</li> -</ul> - -<h2 id="Pseudo-éléments">Pseudo-éléments</h2> - -<p>Pour des raisons de compatibilité web, Blink, WebKit et Gecko considèrent les pseudo-éléments commençant par <code>::-webkit-</code> comme valides.</p> - -<ul> - <li>{{CSSxRef("::-webkit-file-upload-button")}}</li> - <li>{{CSSxRef("::-webkit-inner-spin-button")}}</li> - <li>{{CSSxRef("::-webkit-input-placeholder")}}</li> - <li>{{CSSxRef("::-webkit-meter-bar")}}</li> - <li>{{CSSxRef("::-webkit-meter-even-less-good-value")}}</li> - <li>{{CSSxRef("::-webkit-meter-inner-element")}}</li> - <li>{{CSSxRef("::-webkit-meter-optimum-value")}}</li> - <li>{{CSSxRef("::-webkit-meter-suboptimum-value")}}</li> - <li>{{CSSxRef("::-webkit-outer-spin-button")}}</li> - <li>{{CSSxRef("::-webkit-progress-bar")}}</li> - <li>{{CSSxRef("::-webkit-progress-inner-element")}}</li> - <li>{{CSSxRef("::-webkit-progress-value")}}</li> - <li>{{CSSxRef("::-webkit-search-cancel-button")}}</li> - <li>{{CSSxRef("::-webkit-search-results-button")}}</li> - <li>{{CSSxRef("::-webkit-slider-runnable-track")}}</li> - <li>{{CSSxRef("::-webkit-slider-thumb")}}</li> -</ul> - -<h2 id="Caractéristiques_média">Caractéristiques média</h2> - -<ul> - <li>{{CSSxRef("@media/-webkit-animation", "-webkit-animation")}}</li> - <li>{{CSSxRef("@media/-webkit-device-pixel-ratio", "-webkit-device-pixel-ratio")}}</li> - <li>{{CSSxRef("@media/-webkit-transform-2d", "-webkit-transform-2d")}}</li> - <li>{{CSSxRef("@media/-webkit-transform-3d", "-webkit-transform-3d")}}</li> - <li>{{CSSxRef("@media/-webkit-transition", "-webkit-transition")}}</li> -</ul> - -<h2 id="Voir_aussi">Voir aussi</h2> - -<ul> - <li><a href="https://trac.webkit.org/wiki/Styling%20Form%20Controls">La mise en forme des contrôles de formulaires sur le Trac WebKit (en anglais)</a></li> - <li>Une liste complémentaire d'extensions WebKit <a href="https://gist.github.com/afabbro/3759334">https://gist.github.com/afabbro/3759334</a></li> - <li><a href="/fr/docs/Web/CSS/Microsoft_CSS_extensions">Les extensions CSS relatives à Microsoft</a></li> - <li><a href="/fr/docs/Web/CSS/Mozilla_Extensions">Les extensions CSS relatives à Mozilla</a></li> -</ul> +{{CSSRef}} + +Les applications basées sur WebKit ou Blink, telles que Safari et Chrome, prennent en charge plusieurs **extensions spécifiques à [CSS](/fr/docs/Web/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 + +- {{CSSxRef("-webkit-aspect-ratio")}} + +### B + +- {{CSSxRef("-webkit-background-composite")}} +- {{CSSxRef("background-origin-x")}} (unprefixed!) +- {{CSSxRef("background-origin-y")}} (unprefixed!) +- {{CSSxRef("-webkit-border-after")}} +- {{CSSxRef("-webkit-border-after-color")}} +- {{CSSxRef("-webkit-border-after-style")}} +- {{CSSxRef("-webkit-border-after-width")}} +- {{CSSxRef("-webkit-border-before")}} +- {{CSSxRef("-webkit-border-before-color")}} +- {{CSSxRef("-webkit-border-before-style")}} +- {{CSSxRef("-webkit-border-before-width")}} +- {{CSSxRef("-webkit-border-end")}} +- {{CSSxRef("-webkit-border-end-color")}} +- {{CSSxRef("-webkit-border-end-style")}} +- {{CSSxRef("-webkit-border-end-width")}} +- {{CSSxRef("-webkit-border-fit")}} +- {{CSSxRef("-webkit-border-horizontal-spacing")}} +- {{CSSxRef("-webkit-border-start")}} +- {{CSSxRef("-webkit-border-start-color")}} +- {{CSSxRef("-webkit-border-start-style")}} +- {{CSSxRef("-webkit-border-start-width")}} +- {{CSSxRef("-webkit-border-vertical-spacing")}} +- {{CSSxRef("-webkit-box-align")}} +- {{CSSxRef("-webkit-box-direction")}} +- {{CSSxRef("-webkit-box-flex")}} +- {{CSSxRef("-webkit-box-flex-group")}} +- {{CSSxRef("-webkit-box-lines")}} +- {{CSSxRef("-webkit-box-ordinal-group")}} +- {{CSSxRef("-webkit-box-orient")}} +- {{CSSxRef("-webkit-box-pack")}} +- {{CSSxRef("-webkit-box-reflect")}} +- {{CSSxRef("-webkit-box-shadow")}} + +### C – G + +- {{CSSxRef("-webkit-column-axis")}} +- {{CSSxRef("-webkit-column-break-after")}} +- {{CSSxRef("-webkit-column-break-before")}} +- {{CSSxRef("-webkit-column-break-inside")}} +- {{CSSxRef("-webkit-dashboard-region")}} +- {{CSSxRef("-webkit-font-smoothing")}} +- {{CSSxRef("-webkit-grid-columns")}} +- {{CSSxRef("-webkit-grid-rows")}} + +### H – I + +- {{CSSxRef("-webkit-highlight")}} +- {{CSSxRef("-webkit-hyphenate-charset")}} +- {{CSSxRef("-webkit-hyphenate-limit-after")}} +- {{CSSxRef("-webkit-hyphenate-limit-before")}} +- {{CSSxRef("-webkit-hyphenate-limit-lines")}} +- {{CSSxRef("-webkit-image-set")}} + +### L + +- {{CSSxRef("-webkit-line-align")}} +- {{CSSxRef("-webkit-line-box-contain")}} +- {{CSSxRef("-webkit-line-break")}} +- {{CSSxRef("-webkit-line-clamp")}} +- {{CSSxRef("-webkit-line-grid")}} +- {{CSSxRef("-webkit-line-snap")}} +- {{CSSxRef("-webkit-locale")}} +- {{CSSxRef("-webkit-logical-height")}} +- {{CSSxRef("-webkit-logical-width")}} + +### M + +- {{CSSxRef("-webkit-margin-after")}} +- {{CSSxRef("-webkit-margin-after-collapse")}} +- {{CSSxRef("-webkit-margin-before")}} +- {{CSSxRef("-webkit-margin-before-collapse")}} +- {{CSSxRef("-webkit-margin-bottom-collapse")}} +- {{CSSxRef("-webkit-margin-collapse")}} +- {{CSSxRef("-webkit-margin-end")}} +- {{CSSxRef("-webkit-margin-start")}} +- {{CSSxRef("-webkit-margin-top-collapse")}} +- {{CSSxRef("-webkit-marquee")}} +- {{CSSxRef("-webkit-marquee-direction")}} +- {{CSSxRef("-webkit-marquee-increment")}} +- {{CSSxRef("-webkit-marquee-repetition")}} +- {{CSSxRef("-webkit-marquee-speed")}} +- {{CSSxRef("-webkit-marquee-style")}} +- {{CSSxRef("-webkit-mask-attachment")}} +- {{CSSxRef("-webkit-mask-box-image")}} +- {{CSSxRef("-webkit-mask-box-image-outset")}} +- {{CSSxRef("-webkit-mask-box-image-repeat")}} +- {{CSSxRef("-webkit-mask-box-image-slice")}} +- {{CSSxRef("-webkit-mask-box-image-source")}} +- {{CSSxRef("-webkit-mask-box-image-width")}} +- {{CSSxRef("-webkit-mask-position-x")}} +- {{CSSxRef("-webkit-mask-position-y")}} +- {{CSSxRef("-webkit-mask-repeat-x")}} +- {{CSSxRef("-webkit-mask-repeat-y")}} +- {{CSSxRef("-webkit-match-nearest-mail-blockquote-color")}} +- {{CSSxRef("-webkit-max-logical-height")}} +- {{CSSxRef("-webkit-max-logical-width")}} +- {{CSSxRef("-webkit-min-logical-height")}} +- {{CSSxRef("-webkit-min-logical-width")}} + +### N – O + +- {{CSSxRef("-webkit-nbsp-mode")}} +- {{CSSxRef("-webkit-overflow-scrolling")}} + +### P + +- {{CSSxRef("-webkit-padding-after")}} +- {{CSSxRef("-webkit-padding-before")}} +- {{CSSxRef("-webkit-padding-end")}} +- {{CSSxRef("-webkit-padding-start")}} +- {{CSSxRef("-webkit-perspective-origin-x")}} +- {{CSSxRef("-webkit-perspective-origin-y")}} +- {{CSSxRef("-webkit-print-color-adjust")}} + +### R – S + +- {{CSSxRef("-webkit-region-break-after")}} +- {{CSSxRef("-webkit-region-break-before")}} +- {{CSSxRef("-webkit-region-break-inside")}} +- {{CSSxRef("-webkit-region-fragment")}} +- {{CSSxRef("-webkit-<code>resizer</code>")}} +- {{CSSxRef("-webkit-rtl-ordering")}} +- {{CSSxRef(" <code>-webkit-scrollbar</code>")}} +- {{CSSxRef(" <code>-webkit-scrollbar-button</code>")}} +- {{CSSxRef(" <code>-webkit-scrollbar-corner</code>")}} +- {{CSSxRef("-webkit-<code>scrollbar-thumb</code>")}} +- {{CSSxRef("-webkit-<code>scrollbar-track</code>")}} +- {{CSSxRef("-webkit-<code>scrollbar-track-piece</code>")}} +- {{CSSxRef("-webkit-shape-inside")}} +- {{CSSxRef("-webkit-svg-shadow")}} + +### T + +- {{CSSxRef("-webkit-tap-highlight-color")}} +- {{CSSxRef("-webkit-text-combine")}} +- {{CSSxRef("-epub-text-combine")}} +- {{CSSxRef("-webkit-text-decorations-in-effect")}} +- {{CSSxRef("-webkit-text-fill-color")}} +- {{CSSxRef("-epub-text-orientation")}} +- {{CSSxRef("-webkit-text-security")}} +- {{CSSxRef("-webkit-text-size-adjust")}} +- {{CSSxRef("-webkit-text-stroke")}} +- {{CSSxRef("-webkit-text-stroke-color")}} +- {{CSSxRef("-webkit-text-stroke-width")}} +- {{CSSxRef("-webkit-touch-callout")}} + +## Propriétés WebKit en voie de standardisation + +- {{CSSxRef("appearance", "-webkit-appearance")}} +- {{CSSxRef("-webkit-font-size-delta")}} +- {{CSSxRef("-webkit-mask-composite")}} +- {{CSSxRef("-webkit-mask-position-x")}} +- {{CSSxRef("-webkit-mask-position-y")}} +- {{CSSxRef("-webkit-mask-repeat-x")}} +- {{CSSxRef("-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 + +- {{CSSxRef("align-content","-webkit-align-content")}} +- {{CSSxRef("align-items","-webkit-align-items")}} +- {{CSSxRef("align-self","-webkit-align-self")}} +- {{CSSxRef("animation","-webkit-animation")}} +- {{CSSxRef("animation-delay","-webkit-animation-delay")}} +- {{CSSxRef("animation-direction","-webkit-animation-direction")}} +- {{CSSxRef("animation-duration","-webkit-animation-duration")}} +- {{CSSxRef("animation-fill-mode","-webkit-animation-fill-mode")}} +- {{CSSxRef("animation-iteration-count","-webkit-animation-iteration-count")}} +- {{CSSxRef("animation-name","-webkit-animation-name")}} +- {{CSSxRef("animation-play-state","-webkit-animation-play-state")}} +- {{CSSxRef("animation-timing-function","-webkit-animation-timing-function")}} + +### B + +- {{CSSxRef("backface-visibility","-webkit-backface-visibility")}} +- {{CSSxRef("background-clip","-webkit-background-clip")}} +- {{CSSxRef("background-origin","-webkit-background-origin")}} +- {{CSSxRef("background-size","-webkit-background-size")}} +- {{CSSxRef("border-bottom-left-radius","-webkit-border-bottom-left-radius")}} +- {{CSSxRef("border-bottom-right-radius","-webkit-border-bottom-right-radius")}} +- {{CSSxRef("border-image","-webkit-border-image")}} +- {{CSSxRef("border-radius","-webkit-border-radius")}} +- {{CSSxRef("border-top-left-radius","-webkit-border-top-left-radius")}} +- {{CSSxRef("border-top-right-radius","-webkit-border-top-right-radius")}} +- {{CSSxRef("box-shadow","-webkit-box-shadow")}} +- {{CSSxRef("box-sizing","-webkit-box-sizing")}} + +### C + +- {{CSSxRef("column-count","-webkit-column-count")}} +- {{CSSxRef("column-gap","-webkit-column-gap")}} +- {{CSSxRef("column-rule","-webkit-column-rule")}} +- {{CSSxRef("column-rule-color","-webkit-column-rule-color")}} +- {{CSSxRef("column-rule-style","-webkit-column-rule-style")}} +- {{CSSxRef("column-rule-width","-webkit-column-rule-width")}} +- {{CSSxRef("column-span","-webkit-column-span")}} +- {{CSSxRef("column-width","-webkit-column-width")}} +- {{CSSxRef("columns","-webkit-columns")}} + +### F + +- {{CSSxRef("filter","-webkit-filter")}} +- {{CSSxRef("flex","-webkit-flex")}} +- {{CSSxRef("flex-basis","-webkit-flex-basis")}} +- {{CSSxRef("flex-direction","-webkit-flex-direction")}} +- {{CSSxRef("flex-flow","-webkit-flex-flow")}} +- {{CSSxRef("flex-grow","-webkit-flex-grow")}} +- {{CSSxRef("flex-shrink","-webkit-flex-shrink")}} +- {{CSSxRef("flex-wrap","-webkit-flex-wrap")}} +- {{CSSxRef("-webkit-font-feature-settings")}} +- {{CSSxRef("-webkit-font-kerning")}} +- {{CSSxRef("-webkit-font-variant-ligatures")}} + +### G-J + +- {{CSSxRef("grid-column","-webkit-grid-column")}} +- {{CSSxRef("grid-row","-webkit-grid-row")}} +- {{CSSxRef("hyphens","-webkit-hyphens")}} +- {{CSSxRef("justify-content","-webkit-justify-content")}} + +### M + +- {{CSSxRef("mask","-webkit-mask")}} +- {{CSSxRef("mask-clip","-webkit-mask-clip")}} +- {{CSSxRef("mask-image","-webkit-mask-image")}} +- {{CSSxRef("mask-origin","-webkit-mask-origin")}} +- {{CSSxRef("mask-position","-webkit-mask-position")}} +- {{CSSxRef("mask-repeat","-webkit-mask-repeat")}} +- {{CSSxRef("mask-size","-webkit-mask-size")}} + +### O-S + +- {{CSSxRef("opacity","-webkit-opacity")}} +- {{CSSxRef("order","-webkit-order")}} +- {{CSSxRef("perspective","-webkit-perspective")}} +- {{CSSxRef("perspective-origin","-webkit-perspective-origin")}} +- {{CSSxRef("shape-outside","-webkit-shape-outside")}} + +### T + +- {{CSSxRef("text-emphasis", "-epub-text-emphasis")}} +- {{CSSxRef("-webkit-text-emphasis")}} +- {{CSSxRef("text-emphasis-color", "-epub-text-emphasis-color")}} +- {{CSSxRef("-webkit-text-emphasis-color")}} +- {{CSSxRef("-webkit-text-emphasis-position")}} +- {{CSSxRef("-epub-text-emphasis-style")}} +- {{CSSxRef("-webkit-text-emphasis-style")}} +- {{CSSxRef("text-size-adjust","-webkit-text-size-adjust")}} +- {{CSSxRef("transform","-webkit-transform")}} +- {{CSSxRef("transform-origin","-webkit-transform-origin")}} +- {{CSSxRef("transform-style","-webkit-transform-style")}} +- {{CSSxRef("transition","-webkit-transition")}} +- {{CSSxRef("transition-delay","-webkit-transition-delay")}} +- {{CSSxRef("transition-duration","-webkit-transition-duration")}} +- {{CSSxRef("transition-property","-webkit-transition-property")}} +- {{CSSxRef("transition-timing-function","-webkit-transition-timing-function")}} + +### W + +- {{CSSxRef("word-break", "-epub-word-break")}} +- {{CSSxRef("writing-mode", "-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 ](#spe_std)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 + +- {{CSSxRef("-webkit-align-content")}} +- {{CSSxRef("-webkit-align-items")}} +- {{CSSxRef("-webkit-align-self")}} +- {{CSSxRef("-webkit-animation")}} +- {{CSSxRef("-webkit-animation-delay")}} +- {{CSSxRef("-webkit-animation-direction")}} +- {{CSSxRef("-webkit-animation-duration")}} +- {{CSSxRef("-webkit-animation-fill-mode")}} +- {{CSSxRef("-webkit-animation-iteration-count")}} +- {{CSSxRef("-webkit-animation-name")}} +- {{CSSxRef("-webkit-animation-play-state")}} +- {{CSSxRef("-webkit-animation-timing-function")}} +- {{CSSxRef("-webkit-appearance")}}\* + +### B + +- {{CSSxRef("-webkit-backface-visibility")}} +- {{CSSxRef("-webkit-background-clip")}} +- {{CSSxRef("-webkit-background-origin")}} +- {{CSSxRef("-webkit-background-size")}} +- {{CSSxRef("-webkit-border-bottom-left-radius")}} +- {{CSSxRef("-webkit-border-bottom-right-radius")}} +- {{CSSxRef("-webkit-border-image")}} +- {{CSSxRef("-webkit-border-radius")}} +- {{CSSxRef("-webkit-box-align")}}\*\*, \*\*\* +- {{CSSxRef("-webkit-box-direction")}}\*\*, \*\*\* +- {{CSSxRef("-webkit-box-flex")}}\*\*, \*\*\* +- {{CSSxRef("-webkit-box-orient")}}\*\*, \*\*\* +- {{CSSxRef("-webkit-box-pack")}}\*\*, \*\*\* +- {{CSSxRef("-webkit-box-shadow")}} +- {{CSSxRef("-webkit-box-sizing")}} +- {{CSSxRef("-webkit-border-top-left-radius")}} +- {{CSSxRef("-webkit-border-top-right-radius")}} + +### F + +- {{CSSxRef("-webkit-filter")}} +- {{CSSxRef("-webkit-flex")}} +- {{CSSxRef("-webkit-flex-basis")}} +- {{CSSxRef("-webkit-flex-direction")}} +- {{CSSxRef("-webkit-flex-flow")}} +- {{CSSxRef("-webkit-flex-grow")}} +- {{CSSxRef("-webkit-flex-shrink")}} +- {{CSSxRef("-webkit-flex-wrap")}} + +### J + +- {{CSSxRef("-webkit-justify-content")}} + +### M + +- {{CSSxRef("-webkit-mask")}} +- {{CSSxRef("-webkit-mask-clip")}} +- {{CSSxRef("-webkit-mask-composite")}}\* +- {{CSSxRef("-webkit-mask-image")}} +- {{CSSxRef("-webkit-mask-origin")}} +- {{CSSxRef("-webkit-mask-position")}} +- {{CSSxRef("-webkit-mask-position-x")}}\*\* +- {{CSSxRef("-webkit-mask-position-y")}}\*\* +- {{CSSxRef("-webkit-mask-repeat")}} +- {{CSSxRef("-webkit-mask-size")}} + +### O-P + +- {{CSSxRef("-webkit-order")}} +- {{CSSxRef("-webkit-perspective")}} +- {{CSSxRef("-webkit-perspective-origin")}} + +### T + +- {{CSSxRef("-webkit-text-fill-color")}}\*\* +- {{CSSxRef("-webkit-text-size-adjust")}} +- {{CSSxRef("-webkit-text-stroke")}}\*\* +- {{CSSxRef("-webkit-text-stroke-color")}}\*\* +- {{CSSxRef("-webkit-text-stroke-width")}}\*\* +- {{CSSxRef("-webkit-transform")}} +- {{CSSxRef("-webkit-transform-origin")}} +- {{CSSxRef("-webkit-transition")}} +- {{CSSxRef("-webkit-transition-delay")}} +- {{CSSxRef("-webkit-transition-duration")}} +- {{CSSxRef("-webkit-transition-property")}} +- {{CSSxRef("-webkit-transition-timing-function")}} + +### U + +- {{CSSxRef("-webkit-user-select")}} + +\* 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 + +- {{CSSxRef(":animating-full-screen-transition", ":-webkit-animating-full-screen-transition")}} +- {{CSSxRef(":any()", ":-webkit-any()")}} +- {{CSSxRef(":any-link", ":-webkit-any-link")}}\* +- {{CSSxRef(":autofill",":-webkit-autofill")}} +- {{CSSxRef(":autofill-strong-password",":-webkit-autofill-strong-password")}} +- {{CSSxRef(":drag",":-webkit-drag")}} +- {{CSSxRef(":full-page-media",":-webkit-full-page-media")}} +- {{CSSxRef(":full-screen", ":-webkit-full-screen")}}\* +- {{CSSxRef(":full-screen-ancestor",":-webkit-full-screen-ancestor")}} +- {{CSSxRef(":full-screen-document",":-webkit-full-screen-document")}} +- {{CSSxRef(":full-screen-controls-hidden",":-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. + +- {{CSSxRef("::-webkit-file-upload-button")}} +- {{CSSxRef("::-webkit-inner-spin-button")}} +- {{CSSxRef("::-webkit-input-placeholder")}} +- {{CSSxRef("::-webkit-meter-bar")}} +- {{CSSxRef("::-webkit-meter-even-less-good-value")}} +- {{CSSxRef("::-webkit-meter-inner-element")}} +- {{CSSxRef("::-webkit-meter-optimum-value")}} +- {{CSSxRef("::-webkit-meter-suboptimum-value")}} +- {{CSSxRef("::-webkit-outer-spin-button")}} +- {{CSSxRef("::-webkit-progress-bar")}} +- {{CSSxRef("::-webkit-progress-inner-element")}} +- {{CSSxRef("::-webkit-progress-value")}} +- {{CSSxRef("::-webkit-search-cancel-button")}} +- {{CSSxRef("::-webkit-search-results-button")}} +- {{CSSxRef("::-webkit-slider-runnable-track")}} +- {{CSSxRef("::-webkit-slider-thumb")}} + +## Caractéristiques média + +- {{CSSxRef("@media/-webkit-animation", "-webkit-animation")}} +- {{CSSxRef("@media/-webkit-device-pixel-ratio", "-webkit-device-pixel-ratio")}} +- {{CSSxRef("@media/-webkit-transform-2d", "-webkit-transform-2d")}} +- {{CSSxRef("@media/-webkit-transform-3d", "-webkit-transform-3d")}} +- {{CSSxRef("@media/-webkit-transition", "-webkit-transition")}} + +## Voir aussi + +- [La mise en forme des contrôles de formulaires sur le Trac WebKit (en anglais)](https://trac.webkit.org/wiki/Styling%20Form%20Controls) +- Une liste complémentaire d'extensions WebKit <https://gist.github.com/afabbro/3759334> +- [Les extensions CSS relatives à Microsoft](/fr/docs/Web/CSS/Microsoft_CSS_extensions) +- [Les extensions CSS relatives à Mozilla](/fr/docs/Web/CSS/Mozilla_Extensions) |