-webkit-präfixierte CSS-Erweiterungen
Benutzeragenten, die auf WebKit oder Blink basieren, wie Safari und Chrome, unterstützen mehrere spezielle Erweiterungen für CSS. Diese Erweiterungen sind mit -webkit- vorangestellt.
-webkit-präfixierte Eigenschaften ohne standardisierte Entsprechungen
Hinweis: Vermeiden Sie die Verwendung auf Websites. Diese Eigenschaften funktionieren nur in WebKit- oder Blink-basierten Browsern, es sei denn, anders angegeben.
A-C
-webkit-app-region-webkit-border-horizontal-spacing-webkit-border-vertical-spacing-webkit-box-reflect(wird mit-webkit-von jedem Browser aus Kompatibilitätsgründen unterstützt)-webkit-column-axis-webkit-column-progression-webkit-cursor-visibility
D-I
L
M
-webkit-margin-after-webkit-margin-before-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-box-image-webkit-mask-composite-webkit-mask-position-x(wird mit-webkit-von jedem Browser aus Kompatibilitätsgründen unterstützt)-webkit-mask-position-y(wird mit-webkit-von jedem Browser aus Kompatibilitätsgründen unterstützt)-webkit-mask-repeat-x(auch ohne Präfix unterstützt)-webkit-mask-repeat-y(auch ohne Präfix unterstützt)-webkit-mask-source-type-webkit-max-logical-height-webkit-max-logical-width-webkit-min-logical-height-webkit-min-logical-width
N-R
T
-webkit-tap-highlight-color-webkit-text-decoration-skip-webkit-text-decorations-in-effect-webkit-text-fill-color-webkit-text-security-webkit-text-stroke-color-webkit-text-stroke-width-webkit-text-stroke-webkit-text-zoom-webkit-touch-callout-webkit-transform-origin-x-webkit-transform-origin-y-webkit-transform-origin-z
U-Z
-webkit-präfixierte Eigenschaften mit standardisierten Entsprechungen
Mehrere ältere -webkit--präfixierte Eigenschaften haben standardisierte Entsprechungen. Selbst wenn der Name und die Syntax unterschiedlich sein können, sollten diese nicht mehr verwendet werden.
Für jede der Eigenschaften sollten Sie stattdessen die standardisierte Entsprechung verwenden.
A-B
-webkit-border-after-
Verwenden Sie stattdessen die standardisierte Eigenschaft
border-block-end. -webkit-border-after-color-
Verwenden Sie stattdessen die standardisierte Eigenschaft
border-block-end-color. -webkit-border-after-style-
Verwenden Sie stattdessen die standardisierte Eigenschaft
border-block-end-style. -webkit-border-after-width-
Verwenden Sie stattdessen die standardisierte Eigenschaft
border-block-end-width. -webkit-border-before-
Verwenden Sie stattdessen die standardisierte Eigenschaft
border-block-start. -webkit-border-before-color-
Verwenden Sie stattdessen die standardisierte Eigenschaft
border-block-start-color. -webkit-border-before-style-
Verwenden Sie stattdessen die standardisierte Eigenschaft
border-block-start-style. -webkit-border-before-width-
Verwenden Sie stattdessen die standardisierte Eigenschaft
border-block-start-width. -webkit-border-end-
Verwenden Sie stattdessen die standardisierte Eigenschaft
border-inline-end. -webkit-border-end-color-
Verwenden Sie stattdessen die standardisierte Eigenschaft
border-inline-end-color. -webkit-border-end-style-
Verwenden Sie stattdessen die standardisierte Eigenschaft
border-inline-end-style. -webkit-border-end-width-
Verwenden Sie stattdessen die standardisierte Eigenschaft
border-inline-end-width. -webkit-border-start-
Verwenden Sie stattdessen die standardisierte Eigenschaft
border-inline-start. -webkit-border-start-color-
Verwenden Sie stattdessen die standardisierte Eigenschaft
border-inline-start-color. -webkit-border-start-style-
Verwenden Sie stattdessen die standardisierte Eigenschaft
border-inline-start-style. -webkit-border-start-width-
Verwenden Sie stattdessen die standardisierte Eigenschaft
border-inline-start-width. -webkit-box-align-
Verwenden Sie stattdessen das CSS flexiblen Box-Modell mit der standardisierten Eigenschaft
align-items. -webkit-box-direction-
Verwenden Sie stattdessen das CSS flexiblen Box-Modell mit der standardisierten Eigenschaft
flex-direction. -webkit-box-flex-group-
Verwenden Sie stattdessen das CSS flexiblen Box-Modell mit den standardisierten Eigenschaften
flex-basis,flex-growundflex-shrink. -webkit-box-flex-
Verwenden Sie stattdessen das CSS flexiblen Box-Modell mit der standardisierten Eigenschaft
flex-grow. -webkit-box-lines-
Verwenden Sie stattdessen das CSS flexiblen Box-Modell mit der standardisierten Eigenschaft
flex-flow. -webkit-box-ordinal-group-
Verwenden Sie stattdessen das CSS flexiblen Box-Modell mit der standardisierten Eigenschaft
order. -webkit-box-orient-
Verwenden Sie stattdessen das CSS flexiblen Box-Modell mit der standardisierten Eigenschaft
flex-direction. -webkit-box-pack-
Verwenden Sie stattdessen das CSS flexiblen Box-Modell mit der standardisierten Eigenschaft
justify-content.
C-I
-webkit-column-break-after-
Verwenden Sie stattdessen das CSS mehrspaltige Layout mit der standardisierten Eigenschaft
break-after. -webkit-column-break-before-
Verwenden Sie stattdessen das CSS mehrspaltige Layout mit der standardisierten Eigenschaft
break-before. -webkit-column-break-inside-
Verwenden Sie stattdessen das CSS mehrspaltige Layout mit der standardisierten Eigenschaft
break-inside. -webkit-font-feature-settings-
Verwenden Sie stattdessen die standardisierte Eigenschaft
font-feature-settings. -webkit-hyphenate-character-
Verwenden Sie stattdessen die standardisierte Eigenschaft
hyphenate-character. -webkit-initial-letter-
Verwenden Sie stattdessen die standardisierte Eigenschaft
initial-letter.
J-Z
-webkit-margin-end-
Verwenden Sie stattdessen die standardisierte Eigenschaft
margin-block-end. -webkit-margin-start-
Verwenden Sie stattdessen die standardisierte Eigenschaft
margin-block-start. -webkit-padding-after-
Verwenden Sie stattdessen die standardisierte Eigenschaft
padding-block-end. -webkit-padding-before-
Verwenden Sie stattdessen die standardisierte Eigenschaft
padding-block-start. -webkit-padding-end-
Verwenden Sie stattdessen die standardisierte Eigenschaft
padding-inline-end. -webkit-padding-start-
Verwenden Sie stattdessen die standardisierte Eigenschaft
padding-inline-start.
-webkit-präfixierte Eigenschaftswerte
-webkit-fill-available-
Wird mit Größenangaben wie
widthundheightverwendet, um Elemente den gesamten verfügbaren Platz innerhalb ihres übergeordneten Containers einnehmen zu lassen. Derstretch-Wert des Flexbox-Modells (siehe zum Beispielalign-itemsundjustify-items) bietet einen standardisierten Ersatz.
Pseudo-Klassen
:-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
* Jetzt standardisiert.
Hinweis: Falls innerhalb einer Kette oder Gruppe von Selektoren eine ungültige Pseudo-Klasse vorliegt, ist die gesamte Selektorliste ungültig.
Pseudo-Elemente
Aus Gründen der Webkompatibilität betrachten Blink-, WebKit- und Gecko-Browser alle Pseudo-Elemente, die mit ::-webkit- beginnen, als gültig.
::-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-progress-bar::-webkit-progress-inner-element::-webkit-progress-value::-webkit-search-cancel-button::-webkit-search-results-button::-webkit-slider-runnable-track::-webkit-slider-thumb
* Jetzt standardisiert.
Hinweis: Generell gilt: Falls innerhalb einer Kette oder Gruppe von Selektoren ein ungültiges Pseudo-Element oder eine Pseudo-Klasse vorliegt, ist die gesamte Selektorliste ungültig. Wenn ein Pseudo-Element (aber nicht eine Pseudo-Klasse) ein -webkit-Prefix aufweist, behandeln Blink-, WebKit- und Gecko-Browser (seit Firefox 63) es als gültig, wodurch die Selektorliste nicht ungültig wird.