WebKit (-webkit-) browser-spezifische CSS-Erweiterungen

-webkit-geschützte Eigenschaften ohne standardisierte Entsprechungen

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 von jedem Browser mit -webkit- 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 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: 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 auf iOS in Safari 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 auf iOS in Safari unterstützt.
• -webkit-transform-origin-x
• -webkit-transform-origin-y
• -webkit-transform-origin-z
• -webkit-user-drag
• -webkit-user-modify

-webkit-geschützte Eigenschaften mit standardisierten Entsprechungen

Mehrere mit -webkit- geschützte Eigenschaften haben standardisierte Entsprechungen. Auch wenn Name und Syntax unterschiedlich sein können, sollten sie nicht mehr verwendet werden. Für jede der unten aufgeführten Eigenschaften sollten Sie die standardisierten Entsprechungen verwenden.

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 Mehrspalten-Layout mit break-after.
• -webkit-column-break-before: Verwenden Sie CSS Mehrspalten-Layout mit break-before.
• -webkit-column-break-inside: Verwenden Sie CSS Mehrspalten-Layout mit break-inside.
• -webkit-font-feature-settings: Verwenden Sie font-feature-settings (die mit Präfix versehene 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-geschützte Eigenschaftswerte

-webkit-fill-available

Wird mit Größenangaben wie width und height verwendet, um Elementen zu erlauben, den gesamten verfügbaren Raum innerhalb ihres übergeordneten Containers auszufüllen. Der stretch-Wert bietet einen standardmäßigen Ersatz, aber -webkit-fill-available wird aus Gründen der Abwärtskompatibilität von Browsern als Alias unterstützt.

Pseudoklassen

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

Pseudoelemente

Aus Gründen der Web-Kompatibilität behandeln Blink-, WebKit- und Gecko-Browser alle Pseudoelemente, die mit ::-webkit- beginnen, als gültig. Wenn ein ungültiges Pseudoelement oder eine ungültige Pseudoklasse innerhalb einer Kette oder Gruppe von Selektoren vorhanden ist, ist die gesamte Selektorliste ungültig. Wenn ein Pseudoelement (aber nicht eine 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

Medienmerkmale

• -webkit-animation Veraltet
• -webkit-device-pixel-ratio: In allen Browsern unterstützt
• -webkit-transform-2d Veraltet
• -webkit-transform-3d: In allen Browsern unterstützt
• -webkit-transition Veraltet

Siehe auch

• Mozilla (-moz-) browser-spezifische CSS-Erweiterungen
• Vendor Prefix Glossareintrag
• Styling Form Controls auf dem WebKit Trac