-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- präfixiert.
-webkit-präfixierte Eigenschaften ohne standardmäßige Äquivalente
Hinweis: Verwenden Sie diese nicht auf Websites. Diese Eigenschaften funktionieren nur in WebKit- oder Blink-basierten Browsern, außer wo angegeben.
A-C
-webkit-app-region-webkit-border-horizontal-spacing-webkit-border-vertical-spacing-webkit-box-reflect(wird aus Kompatibilitätsgründen von jedem Browser mit-webkit-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 aus Kompatibilitätsgründen von jedem Browser mit-webkit-unterstützt)-webkit-mask-position-y(wird aus Kompatibilitätsgründen von jedem Browser mit-webkit-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 standardmäßigen Äquivalenten
Mehrere alte -webkit--präfixierte Eigenschaften haben standardmäßige Äquivalente. Auch wenn der Name und die Syntax unterschiedlich sein können, sollten diese überhaupt nicht mehr verwendet werden.
Für jede davon verwenden Sie bitte das angegebene standardmäßige Äquivalent.
A-B
-webkit-border-after-
Verwenden Sie stattdessen die standardmäßige Eigenschaft
border-block-end. -webkit-border-after-color-
Verwenden Sie stattdessen die standardmäßige Eigenschaft
border-block-end-color. -webkit-border-after-style-
Verwenden Sie stattdessen die standardmäßige Eigenschaft
border-block-end-style. -webkit-border-after-width-
Verwenden Sie stattdessen die standardmäßige Eigenschaft
border-block-end-width. -webkit-border-before-
Verwenden Sie stattdessen die standardmäßige Eigenschaft
border-block-start. -webkit-border-before-color-
Verwenden Sie stattdessen die standardmäßige Eigenschaft
border-block-start-color. -webkit-border-before-style-
Verwenden Sie stattdessen die standardmäßige Eigenschaft
border-block-start-style. -webkit-border-before-width-
Verwenden Sie stattdessen die standardmäßige Eigenschaft
border-block-start-width. -webkit-border-end-
Verwenden Sie stattdessen die standardmäßige Eigenschaft
border-inline-end. -webkit-border-end-color-
Verwenden Sie stattdessen die standardmäßige Eigenschaft
border-inline-end-color. -webkit-border-end-style-
Verwenden Sie stattdessen die standardmäßige Eigenschaft
border-inline-end-style. -webkit-border-end-width-
Verwenden Sie stattdessen die standardmäßige Eigenschaft
border-inline-end-width. -webkit-border-start-
Verwenden Sie stattdessen die standardmäßige Eigenschaft
border-inline-start. -webkit-border-start-color-
Verwenden Sie stattdessen die standardmäßige Eigenschaft
border-inline-start-color. -webkit-border-start-style-
Verwenden Sie stattdessen die standardmäßige Eigenschaft
border-inline-start-style. -webkit-border-start-width-
Verwenden Sie stattdessen die standardmäßige Eigenschaft
border-inline-start-width. -webkit-box-align-
Verwenden Sie das CSS Flexbox-Layout mit der standardmäßigen Eigenschaft
align-items. -webkit-box-direction-
Verwenden Sie das CSS Flexbox-Layout mit der standardmäßigen Eigenschaft
flex-direction. -webkit-box-flex-group-
Verwenden Sie das CSS Flexbox-Layout mit den standardmäßigen Eigenschaften
flex-basis,flex-growundflex-shrink. -webkit-box-flex-
Verwenden Sie das CSS Flexbox-Layout mit der standardmäßigen Eigenschaft
flex-grow. -webkit-box-lines-
Verwenden Sie das CSS Flexbox-Layout mit der standardmäßigen Eigenschaft
flex-flow. -webkit-box-ordinal-group-
Verwenden Sie das CSS Flexbox-Layout mit der standardmäßigen Eigenschaft
order. -webkit-box-orient-
Verwenden Sie das CSS Flexbox-Layout mit der standardmäßigen Eigenschaft
flex-direction. -webkit-box-pack-
Verwenden Sie das CSS Flexbox-Layout mit der standardmäßigen Eigenschaft
justify-content.
C-I
-webkit-column-break-after-
Verwenden Sie das CSS Multispalten-Layout mit der standardmäßigen Eigenschaft
break-after. -webkit-column-break-before-
Verwenden Sie das CSS Multispalten-Layout mit der standardmäßigen Eigenschaft
break-before. -webkit-column-break-inside-
Verwenden Sie das CSS Multispalten-Layout mit der standardmäßigen Eigenschaft
break-inside. -webkit-font-feature-settings-
Verwenden Sie stattdessen die
font-feature-settings-Eigenschaft. -webkit-hyphenate-character-
Verwenden Sie stattdessen die standardmäßige Eigenschaft
hyphenate-character. -webkit-initial-letter-
Verwenden Sie stattdessen die standardmäßige Eigenschaft
initial-letter.
J-Z
-webkit-margin-end-
Verwenden Sie stattdessen die standardmäßige Eigenschaft
margin-block-end. -webkit-margin-start-
Verwenden Sie stattdessen die standardmäßige Eigenschaft
margin-block-start. -webkit-padding-after-
Verwenden Sie stattdessen die standardmäßige Eigenschaft
padding-block-end. -webkit-padding-before-
Verwenden Sie stattdessen die standardmäßige Eigenschaft
padding-block-start. -webkit-padding-end-
Verwenden Sie stattdessen die standardmäßige Eigenschaft
padding-inline-end. -webkit-padding-start-
Verwenden Sie stattdessen die standardmäßige Eigenschaft
padding-inline-start.
-webkit-präfixierte Eigenschaftswerte
-webkit-fill-available-
Wird mit Eigenschaften zur Größenbestimmung wie
widthundheightverwendet, um Elementen zu erlauben, den gesamten verfügbaren Platz innerhalb ihres übergeordneten Containers einzunehmen. Der Flexboxstretch-Wert (siehe z.B.align-itemsundjustify-items) bietet einen standardmäßigen 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 standardmäßig.
Hinweis: Wenn eine ungültige Pseudo-Klasse innerhalb einer Kette oder Gruppe von Selektoren vorhanden ist, ist die gesamte Selektorliste ungültig.
Pseudo-Elemente
Aus Gründen der Web-Kompatibilität behandeln 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 standardmäßig.
Hinweis: Allgemein gilt, wenn ein ungültiges Pseudo-Element oder eine ungültige Pseudo-Klasse innerhalb einer Kette oder Gruppe von Selektoren vorhanden ist, ist die gesamte Selektorliste ungültig. Wenn ein Pseudo-Element (aber nicht eine Pseudo-Klasse) ein -webkit- Präfix hat, betrachten die Blink-, WebKit- und Gecko-Browser ab Firefox 63 es als gültig, wodurch die Selektorliste nicht ungültig wird.