WebKit (-webkit-) vendor-präfixierte CSS-Erweiterungen

-webkit-präfixierte Eigenschaften ohne Standardäquivalente

A-C

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

D-L

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

M

• -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 mit -webkit- von jedem Browser unterstützt.
• -webkit-mask-position-y: Aus Kompatibilitätsgründen mit -webkit- von jedem Browser 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: Nicht in Chrome unterstützt.
• -webkit-max-logical-height
• -webkit-max-logical-width
• -webkit-min-logical-height
• -webkit-min-logical-width

N-Z

• -webkit-nbsp-mode: Nicht in Chrome 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: Nicht in Chrome 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: Nicht in Chrome 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

-webkit-präfixierte Eigenschaften mit Standardäquivalenten

Mehrere mit -webkit- präfixierte Eigenschaften haben Standardäquivalente. Auch wenn der Name und die Syntax unterschiedlich sein können, sollten sie nicht mehr verwendet werden. Verwenden Sie für jede der unten aufgeführten Eigenschaften die Standardäquivalente.

A-B

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

C-I

• -webkit-column-break-after: Verwenden Sie CSS Multicolumn Layout mit break-after.
• -webkit-column-break-before: Verwenden Sie CSS Multicolumn Layout mit break-before.
• -webkit-column-break-inside: Verwenden Sie CSS Multicolumn Layout 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.

J-Z

• -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-präfixierte Eigenschaftswerte

-webkit-fill-available

Wird mit Größenangaben wie width und height verwendet, um Elementen zu ermöglichen, den gesamten verfügbaren Platz innerhalb ihres Elternelements einzunehmen. Der Wert stretch bietet einen Standardersatz, aber -webkit-fill-available wird als Alias von Browsern aus Gründen der Rückwärtskompatibilität unterstützt.

Pseudo-Klassen

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

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. Wenn ein ungültiges Pseudo-Element oder eine ungültige Pseudo-Klasse innerhalb einer Kette oder Gruppe von Selektoren vorhanden ist, wird die gesamte Selektorliste ungültig. Wenn ein Pseudo-Element (aber nicht eine Pseudo-Klasse) ein -webkit- Präfix hat, gehen Blink, WebKit und Gecko-Browser davon aus, dass es gültig ist und machen die Selektorliste nicht ungültig.

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

Media-Features

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

Siehe auch

• Mozilla (-moz-) vendor-präfixierte CSS-Erweiterungen
• Vendor-Präfix Glossar-Eintrag
• Styling Form Controls auf dem WebKit Trac