WebKit (-webkit-) anbieterpräfixierte CSS-Erweiterungen

• -webkit-app-region Veraltet : Wird in Safari nicht mehr unterstützt.
• -webkit-border-horizontal-spacing
• -webkit-border-vertical-spacing
• -webkit-box-reflect: Aus Kompatibilitätsgründen von jedem Browser mit -webkit- unterstützt.
• -webkit-column-axis: Wird in Chrome nicht unterstützt.
• -webkit-column-progression: Wird in Chrome nicht unterstützt.
• -webkit-cursor-visibility: Wird in Chrome nicht unterstützt.

• -webkit-font-smoothing: Siehe font-smooth.
• -webkit-hyphenate-limit-after: Wird in Chrome nicht unterstützt.
• -webkit-hyphenate-limit-before: Wird in Chrome nicht unterstützt.
• -webkit-hyphenate-limit-lines: Wird in Chrome nicht unterstützt.
• -webkit-line-align: Wird in Chrome nicht unterstützt.
• -webkit-line-box-contain: Wird in Chrome nicht unterstützt.
• -webkit-line-grid: Wird in Chrome nicht unterstützt.
• -webkit-line-snap: Wird in Chrome nicht unterstützt.
• -webkit-locale
• -webkit-logical-height
• -webkit-logical-width

• -webkit-margin-after
• -webkit-margin-before
• -webkit-mask-box-image: Siehe mask-border und border-image.
• -webkit-mask-box-image-outset: Siehe mask-border und border-image.
• -webkit-mask-box-image-repeat: Siehe mask-border und border-image.
• -webkit-mask-box-image-slice: Siehe mask-border und border-image.
• -webkit-mask-box-image-source: Siehe mask-border und border-image.
• -webkit-mask-box-image-width: Siehe mask-border und border-image.
• -webkit-mask-composite: Siehe mask-border und border-image.
• -webkit-mask-position-x: Aus Kompatibilitätsgründen von jedem Browser mit -webkit- unterstützt.
• -webkit-mask-position-y: Aus Kompatibilitätsgründen von jedem Browser mit -webkit- unterstützt.
• -webkit-mask-repeat-x Veraltet : Nicht mehr unterstützt; siehe mask-repeat.
• -webkit-mask-repeat-y Veraltet : Nicht mehr unterstützt; siehe mask-repeat.
• -webkit-mask-source-type: Wird in Chrome nicht unterstützt.
• -webkit-max-logical-height
• -webkit-max-logical-width
• -webkit-min-logical-height
• -webkit-min-logical-width

• -webkit-nbsp-mode: Wird in Chrome nicht unterstützt.
• -webkit-perspective-origin-x
• -webkit-perspective-origin-y
• -webkit-rtl-ordering
• -webkit-tap-highlight-color: Nur in Safari auf iOS unterstützt.
• -webkit-text-decoration-skip: Wird in Chrome nicht unterstützt.
• -webkit-text-decorations-in-effect
• -webkit-text-fill-color
• -webkit-text-security
• -webkit-text-stroke
• -webkit-text-stroke-color
• -webkit-text-stroke-width
• -webkit-text-zoom: Wird in Chrome nicht unterstützt.
• -webkit-touch-callout Veraltet : Nur in Safari auf iOS unterstützt.
• -webkit-transform-origin-x
• -webkit-transform-origin-y
• -webkit-transform-origin-z
• -webkit-user-drag
• -webkit-user-modify

Mehrere -webkit- präfixierte Eigenschaften haben standardisierte Äquivalente. Auch wenn der Name und die Syntax unterschiedlich sein können, sollten sie nicht mehr verwendet werden. Für jede der folgenden Eigenschaften verwenden Sie die standardisierten Äquivalente.

• -webkit-border-after: Verwenden Sie border-block-end.
• -webkit-border-after-color: Verwenden Sie border-block-end-color.
• -webkit-border-after-style: Verwenden Sie border-block-end-style.
• -webkit-border-after-width: Verwenden Sie border-block-end-width.
• -webkit-border-before: Verwenden Sie border-block-start.
• -webkit-border-before-color: Verwenden Sie border-block-start-color.
• -webkit-border-before-style: Verwenden Sie border-block-start-style.
• -webkit-border-before-width: Verwenden Sie border-block-start-width.
• -webkit-border-end: Verwenden Sie border-inline-end.
• -webkit-border-end-color: Verwenden Sie border-inline-end-color.
• -webkit-border-end-style: Verwenden Sie border-inline-end-style.
• -webkit-border-end-width: Verwenden Sie border-inline-end-width.
• -webkit-border-start: Verwenden Sie border-inline-start.
• -webkit-border-start-color: Verwenden Sie border-inline-start-color
• -webkit-border-start-style: Verwenden Sie border-inline-start-style.
• -webkit-border-start-width: Verwenden Sie border-inline-start-width.
• -webkit-box-align: Verwenden Sie CSS Flexbox mit align-items.
• -webkit-box-direction: Verwenden Sie CSS Flexbox mit flex-direction.
• -webkit-box-flex-group: Verwenden Sie CSS Flexbox mit flex-basis, flex-grow und flex-shrink.
• -webkit-box-flex: Verwenden Sie CSS Flexbox mit flex-grow.
• -webkit-box-lines: Verwenden Sie CSS Flexbox mit flex-flow.
• -webkit-box-ordinal-group: Verwenden Sie CSS Flexbox mit order.
• -webkit-box-orient: Verwenden Sie CSS Flexbox mit flex-direction.
• -webkit-box-pack: Verwenden Sie CSS Flexbox mit justify-content.
• -webkit-box-reflect: Verwenden Sie die CSS element() Funktion.

• -webkit-column-break-after: Verwenden Sie CSS Mehrspaltenlayout mit break-after.
• -webkit-column-break-before: Verwenden Sie CSS Mehrspaltenlayout mit break-before.
• -webkit-column-break-inside: Verwenden Sie CSS Mehrspaltenlayout mit break-inside.
• -webkit-font-feature-settings: Verwenden Sie font-feature-settings (die präfixierte Version wird in Safari nicht unterstützt).
• -webkit-hyphenate-character: Verwenden Sie hyphenate-character.
• -webkit-initial-letter: Verwenden Sie initial-letter.

• -webkit-line-clamp: Verwenden Sie line-clamp.
• -webkit-margin-end: Verwenden Sie margin-block-end.
• -webkit-margin-start: Verwenden Sie margin-block-start.
• -webkit-padding-after: Verwenden Sie padding-block-end.
• -webkit-padding-before: Verwenden Sie padding-block-start.
• -webkit-padding-end: Verwenden Sie padding-inline-end.
• -webkit-padding-start: Verwenden Sie padding-inline-start.

• :-webkit-any(): Verwenden Sie :is
• :-webkit-any-link: Verwenden Sie :any-link
• :-webkit-autofill: Verwenden Sie :autofill
• :-webkit-autofill-strong-password: Verwenden Sie :autofill
• :-webkit-drag
• :-webkit-full-page-media: Verwenden Sie :fullscreen
• :-webkit-full-screen: Verwenden Sie :fullscreen
• :-webkit-full-screen-ancestor: Verwenden Sie :fullscreen
• :-webkit-full-screen-document: Verwenden Sie :fullscreen
• :-webkit-full-screen-controls-hidden: Verwenden Sie :fullscreen

Aus Gründen der Webkompatibilität behandeln Blink-, WebKit- und Gecko-Browser alle Pseudoelemente, die mit ::-webkit- beginnen, als gültig. Wenn es ein ungültiges Pseudoelement oder eine ungültige Pseudoklasse innerhalb einer Kette oder Gruppe von Selektoren gibt, ist die gesamte Selektorliste ungültig. Wenn ein Pseudoelement (aber nicht Pseudoklasse) ein -webkit- Präfix hat, nehmen Blink-, WebKit- und Gecko-Browser an, dass es gültig ist, wodurch die Selektorliste nicht ungültig wird.

• ::-webkit-file-upload-button: Verwenden Sie ::file-selector-button
• ::-webkit-inner-spin-button
• ::-webkit-input-placeholder: Verwenden Sie ::placeholder
• ::-webkit-meter-bar Veraltet
• ::-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

• -webkit-animation Veraltet
• -webkit-device-pixel-ratio: Browserübergreifend unterstützt
• -webkit-transform-2d Veraltet
• -webkit-transform-3d: Browserübergreifend unterstützt
• -webkit-transition Veraltet

• Mozilla (-moz-) anbieterpräfixierte CSS-Erweiterungen
• Eintrag zum Anbieterpräfix im Glossar
• Styling von Formularelementen auf dem WebKit Trac