Diese Übersetzung ist unvollständig. Bitte helfen Sie, diesen Artikel aus dem Englischen zu übersetzen.

Summary

The @media CSS at-rule associates a set of nested statements, in a CSS block that is delimited by curly braces, with a condition defined by a media query. The @media at-rule may be used not only at the top level of a CSS, but also inside any CSS conditional-group at-rule.

The @media at-rule can be accessed via the CSS object model interface CSSMediaRule.

Syntax

@media <media-query-list> {
  <group-rule-body>
}

wobei
<media-query-list> = <media-query>#

wobei
<media-query> = <media-condition> | [ not | only ]? <media-type> [ and <media-condition-without-or> ]?

wobei
<media-condition> = <media-not> | <media-and> | <media-or> | <media-in-parens>
<media-type> = <ident>
<media-condition-without-or> = <media-not> | <media-and> | <media-in-parens>

wobei
<media-not> = not <media-in-parens>
<media-and> = <media-in-parens> [ and <media-in-parens> ]+
<media-or> = <media-in-parens> [ or <media-in-parens> ]+
<media-in-parens> = ( <media-condition> ) | <media-feature> | <general-enclosed>

wobei
<media-feature> = ( [ <mf-plain> | <mf-boolean> | <mf-range> ] )
<general-enclosed> = [ <function-token> <any-value> ) ] | ( <ident> <any-value> )

wobei
<mf-plain> = <mf-name> : <mf-value>
<mf-boolean> = <mf-name>
<mf-range> = <mf-name> [ '<' | '>' ]? '='? <mf-value> | <mf-value> [ '<' | '>' ]? '='? <mf-name> | <mf-value> '<' '='? <mf-name> '<' '='? <mf-value> | <mf-value> '>' '='? <mf-name> '>' '='? <mf-value>

wobei
<mf-name> = <ident>
<mf-value> = <number> | <dimension> | <ident> | <ratio>

A <media-query> is composed of a media type and/or a number of media features.

Media types

Note: Firefox currently only implements the print and screen media types.  The FullerScreen extension enables support for the projection media type.
all
Suitable for all devices.
print
Intended for paged material and for documents viewed on screen in print preview mode. Please consult the section on paged media, and the media section of the Getting Started tutorial for information about formatting issues that are specific to paged media.
screen
Intended primarily for color computer screens.
speech
Intended for speech synthesizers. Note: CSS2 had a similar media type called 'aural' for this purpose. See the appendix on aural style sheets for details.
Note: CSS2.1 and Media Queries 3 defined several additional media types (tty, tv, projection, handheld, braille, embossed, aural), but they were deprecated in Media Queries 4 and shouldn't be used.

Media Features

Definition. This section needs to be expanded to explain media conditions in more depth.

Name Summary Notes
width Viewport width  
height Viewport height  
aspect-ratio Width-to-height aspect ratio of the viewport  
orientation Orientation of the viewport  
resolution Pixel density of the output device  
scan Scanning process of the output device  
grid Is the device a grid or bitmap?  
update-frequency How quickly (if at all) can the output device modify the appearance of the content Added in Media Queries Level 4
overflow-block How does the output device handle content that overflows the viewport along the block axis? Added in Media Queries Level 4
overflow-inline Can content that overflows the viewport along the inline axis be scrolled? Added in Media Queries Level 4
color Number of bits per color component of the output device, or zero if the device isn't color.  
color-index Number of entries in the output device's color lookup table, or zero if the device does not use such a table.  
monochrome Bits per pixel in the output device's monochrome frame buffer, or 0 if the device is not monochrome.  
inverted-colors Is the user agent or underlying OS inverting colors? Added in Media Queries Level 4
pointer Is the primary input mechanism a pointing device, and if so, how accurate is it? Added in Media Queries Level 4
hover Does the primary input mechanism allow the user to hover over elements? Added in Media Queries Level 4
any-pointer Is any available input mechanism a pointing device, and if so, how accurate is it?  
any-hover Does any available input mechanism allow the user to hover over elements?  
light-level Current ambient light level Added in Media Queries Level 4
scripting Is scripting (e.g. JavaScript) available? Added in Media Queries Level 4
device-width Width of the rendering surface of the output device Deprecated in Media Queries Level 4
device-height Height of the rendering surface of the output device Deprecated in Media Queries Level 4
device-aspect-ratio Width-to-height aspect ratio of the output device Deprecated in Media Queries Level 4
-webkit-device-pixel-ratio Number of physical device pixels per CSS pixel Nonstandard; WebKit/Blink-specific. If possible, use the resolution media feature instead.
-webkit-transform-3d Are CSS 3D transforms supported? Nonstandard; WebKit/Blink-specific
-webkit-transform-2d Are CSS 2D transforms supported? Nonstandard; WebKit-specific
-webkit-transition Are CSS transitions supported? Nonstandard; WebKit-specific
-webkit-animation Are CSS animations supported? Nonstandard; WebKit-specific

Examples

@media print {
  body { font-size: 10pt }
}
@media screen {
  body { font-size: 13px }
}
@media screen, print {
  body { line-height: 1.2 }
}

Specifications

Specification Status Comment
CSS Conditional Rules Module Level 3
Die Definition von '@media' in dieser Spezifikation.
Anwärter Empfehlung Defines the basic syntax of the @media rule.
Media Queries Level 4
Die Definition von '@media' in dieser Spezifikation.
Anwärter Empfehlung

Added scripting, pointer, hover, light-level, update-frequency, overflow-block, and overflow-inline media features.
Deprecated all media types except for screen, print, speech, and all.

Media Queries
Die Definition von '@media' in dieser Spezifikation.
Empfehlung No change.
CSS Level 2 (Revision 1)
Die Definition von '@media' in dieser Spezifikation.
Empfehlung Initial definition.

Browser compatibility

Update compatibility data on GitHub
DesktopMobile
ChromeEdgeFirefoxInternet ExplorerOperaSafariAndroid WebviewChrome für AndroidEdge MobileFirefox für AndroidOpera für AndroidSafari auf iOSSamsung Internet
Grundlegende UnterstützungChrome Vollständige Unterstützung 1Edge Vollständige Unterstützung JaFirefox Vollständige Unterstützung 1IE Vollständige Unterstützung 6Opera Vollständige Unterstützung 9.2Safari Vollständige Unterstützung 1.3WebView Android Vollständige Unterstützung 1Chrome Android ? Edge Mobile Vollständige Unterstützung JaFirefox Android Vollständige Unterstützung 4Opera Android Vollständige Unterstützung 9Safari iOS Vollständige Unterstützung 3.1Samsung Internet Android ?
speech media typeChrome Keine Unterstützung NeinEdge Keine Unterstützung NeinFirefox Keine Unterstützung NeinIE Keine Unterstützung NeinOpera Vollständige Unterstützung 9.2Safari Keine Unterstützung NeinWebView Android Keine Unterstützung NeinChrome Android ? Edge Mobile Keine Unterstützung NeinFirefox Android Keine Unterstützung NeinOpera Android Vollständige Unterstützung 9Safari iOS Keine Unterstützung NeinSamsung Internet Android Keine Unterstützung Nein
Media feature expressionsChrome Vollständige Unterstützung 1Edge Vollständige Unterstützung JaFirefox Vollständige Unterstützung 1IE Vollständige Unterstützung 9Opera Vollständige Unterstützung 9.2Safari Vollständige Unterstützung 1.3WebView Android Vollständige Unterstützung 1Chrome Android ? Edge Mobile Vollständige Unterstützung JaFirefox Android Vollständige Unterstützung 4Opera Android Vollständige Unterstützung 9Safari iOS Vollständige Unterstützung 3.1Samsung Internet Android ?
any-hover media featureChrome Vollständige Unterstützung 41Edge Vollständige Unterstützung 16Firefox Vollständige Unterstützung 64IE Keine Unterstützung NeinOpera Vollständige Unterstützung 28Safari Vollständige Unterstützung 9WebView Android Vollständige Unterstützung 41Chrome Android Vollständige Unterstützung 41Edge Mobile Keine Unterstützung NeinFirefox Android Vollständige Unterstützung 64Opera Android Vollständige Unterstützung 28Safari iOS Vollständige Unterstützung 9.2Samsung Internet Android Vollständige Unterstützung 5.0
any-pointer media featureChrome Vollständige Unterstützung 41Edge Vollständige Unterstützung 12Firefox Vollständige Unterstützung 64IE Keine Unterstützung NeinOpera Vollständige Unterstützung 28Safari Vollständige Unterstützung 9WebView Android Vollständige Unterstützung 41Chrome Android Vollständige Unterstützung 41Edge Mobile Vollständige Unterstützung 12Firefox Android Vollständige Unterstützung 64Opera Android Vollständige Unterstützung 28Safari iOS Vollständige Unterstützung 9.2Samsung Internet Android ?
aspect-ratio media featureChrome Vollständige Unterstützung 4Edge ? Firefox Vollständige Unterstützung 3.5IE Vollständige Unterstützung 9Opera Vollständige Unterstützung 53Safari Vollständige Unterstützung JaWebView Android Vollständige Unterstützung JaChrome Android ? Edge Mobile ? Firefox Android ? Opera Android ? Safari iOS Vollständige Unterstützung JaSamsung Internet Android Vollständige Unterstützung Ja
color media featureChrome Vollständige Unterstützung JaEdge ? Firefox Vollständige Unterstützung JaIE ? Opera Vollständige Unterstützung JaSafari Vollständige Unterstützung JaWebView Android ? Chrome Android ? Edge Mobile ? Firefox Android ? Opera Android ? Safari iOS ? Samsung Internet Android ?
color-gamut media featureChrome Vollständige Unterstützung 58Edge ? Firefox Keine Unterstützung NeinIE Keine Unterstützung NeinOpera Vollständige Unterstützung 45Safari Vollständige Unterstützung JaWebView Android ? Chrome Android Vollständige Unterstützung 58Edge Mobile ? Firefox Android Keine Unterstützung NeinOpera Android Vollständige Unterstützung 45Safari iOS ? Samsung Internet Android ?
color-index media feature
Nicht standardisiert
Chrome Vollständige Unterstützung JaEdge ? Firefox Keine Unterstützung NeinIE Keine Unterstützung NeinOpera ? Safari ? WebView Android ? Chrome Android ? Edge Mobile ? Firefox Android ? Opera Android ? Safari iOS ? Samsung Internet Android ?
device-aspect-ratio media feature
VeraltetNicht standardisiert
Chrome Vollständige Unterstützung JaEdge ? Firefox Vollständige Unterstützung JaIE ? Opera ? Safari ? WebView Android ? Chrome Android Vollständige Unterstützung JaEdge Mobile ? Firefox Android Vollständige Unterstützung JaOpera Android ? Safari iOS ? Samsung Internet Android ?
device-height media feature
VeraltetNicht standardisiert
Chrome Vollständige Unterstützung JaEdge ? Firefox Vollständige Unterstützung JaIE ? Opera ? Safari ? WebView Android ? Chrome Android Vollständige Unterstützung JaEdge Mobile ? Firefox Android Vollständige Unterstützung JaOpera Android ? Safari iOS ? Samsung Internet Android ?
device-width media featureChrome Vollständige Unterstützung JaEdge ? Firefox Vollständige Unterstützung JaIE ? Opera ? Safari ? WebView Android ? Chrome Android Vollständige Unterstützung JaEdge Mobile ? Firefox Android Vollständige Unterstützung JaOpera Android ? Safari iOS ? Samsung Internet Android ?
display-mode media featureChrome Vollständige Unterstützung 46Edge Keine Unterstützung NeinFirefox Vollständige Unterstützung 47
Hinweise
Vollständige Unterstützung 47
Hinweise
Hinweise Firefox 47 and later support display-mode values fullscreen and browser. Firefox 57 added support for minimal-ui and standalone values.
IE ? Opera ? Safari ? WebView Android ? Chrome Android Vollständige Unterstützung 46Edge Mobile Keine Unterstützung NeinFirefox Android Vollständige Unterstützung 47
Hinweise
Vollständige Unterstützung 47
Hinweise
Hinweise Firefox 47 and later support display-mode values fullscreen and browser. Firefox 57 added support for minimal-ui and standalone values.
Opera Android ? Safari iOS ? Samsung Internet Android Keine Unterstützung Nein
grid media featureChrome Vollständige Unterstützung JaEdge ? Firefox Vollständige Unterstützung JaIE ? Opera Vollständige Unterstützung JaSafari Vollständige Unterstützung JaWebView Android ? Chrome Android ? Edge Mobile ? Firefox Android ? Opera Android ? Safari iOS ? Samsung Internet Android ?
height media featureChrome ? Edge ? Firefox ? IE Vollständige Unterstützung 9Opera ? Safari ? WebView Android ? Chrome Android ? Edge Mobile ? Firefox Android ? Opera Android ? Safari iOS ? Samsung Internet Android ?
inverted-colors media feature
ExperimentellNicht standardisiert
Chrome Keine Unterstützung NeinEdge ? Firefox Keine Unterstützung NeinIE Keine Unterstützung NeinOpera Keine Unterstützung NeinSafari Vollständige Unterstützung JaWebView Android ? Chrome Android Keine Unterstützung NeinEdge Mobile ? Firefox Android Keine Unterstützung NeinOpera Android Keine Unterstützung NeinSafari iOS Vollständige Unterstützung JaSamsung Internet Android ?
hover media featureChrome Vollständige Unterstützung 38
Hinweise
Vollständige Unterstützung 38
Hinweise
Hinweise Before Chrome 41, the implementation was buggy and reported (hover: none) on non-touch-based computers with a mouse/trackpad. See bug 441613.
Edge Vollständige Unterstützung 12Firefox Vollständige Unterstützung 64IE Keine Unterstützung NeinOpera Vollständige Unterstützung 28Safari Vollständige Unterstützung 9WebView Android ? Chrome Android Vollständige Unterstützung 50Edge Mobile Vollständige Unterstützung 12Firefox Android Vollständige Unterstützung 64Opera Android Vollständige Unterstützung 28Safari iOS Vollständige Unterstützung 9.2Samsung Internet Android ?
light-level media feature
ExperimentellNicht standardisiert
Chrome Keine Unterstützung NeinEdge ? Firefox Keine Unterstützung NeinIE Keine Unterstützung NeinOpera Keine Unterstützung NeinSafari Keine Unterstützung NeinWebView Android Keine Unterstützung NeinChrome Android Keine Unterstützung NeinEdge Mobile ? Firefox Android Keine Unterstützung NeinOpera Android Keine Unterstützung NeinSafari iOS Keine Unterstützung NeinSamsung Internet Android ?
monochrome media featureChrome Vollständige Unterstützung JaEdge ? Firefox Vollständige Unterstützung JaIE Keine Unterstützung NeinOpera Vollständige Unterstützung JaSafari Vollständige Unterstützung JaWebView Android ? Chrome Android ? Edge Mobile ? Firefox Android ? Opera Android ? Safari iOS ? Samsung Internet Android ?
orientation media featureChrome Vollständige Unterstützung JaEdge ? Firefox Vollständige Unterstützung JaIE ? Opera Vollständige Unterstützung JaSafari Vollständige Unterstützung JaWebView Android Vollständige Unterstützung JaChrome Android ? Edge Mobile ? Firefox Android ? Opera Android ? Safari iOS ? Samsung Internet Android ?
overflow-block media feature
ExperimentellNicht standardisiert
Chrome Keine Unterstützung NeinEdge ? Firefox Keine Unterstützung Nein
Hinweise
Keine Unterstützung Nein
Hinweise
Hinweise See bug 1422235.
IE ? Opera ? Safari ? WebView Android ? Chrome Android Keine Unterstützung NeinEdge Mobile ? Firefox Android Keine Unterstützung Nein
Hinweise
Keine Unterstützung Nein
Hinweise
Hinweise See bug 1422235.
Opera Android ? Safari iOS ? Samsung Internet Android ?
overflow-inline media feature
ExperimentellNicht standardisiert
Chrome Keine Unterstützung NeinEdge ? Firefox Keine Unterstützung Nein
Hinweise
Keine Unterstützung Nein
Hinweise
Hinweise See bug 1422235.
IE ? Opera ? Safari ? WebView Android ? Chrome Android Keine Unterstützung NeinEdge Mobile ? Firefox Android Keine Unterstützung Nein
Hinweise
Keine Unterstützung Nein
Hinweise
Hinweise See bug 1422235.
Opera Android ? Safari iOS ? Samsung Internet Android ?
pointer media featureChrome Vollständige Unterstützung 41Edge Vollständige Unterstützung 12Firefox Vollständige Unterstützung 64IE ? Opera Vollständige Unterstützung 28Safari Vollständige Unterstützung 9WebView Android ? Chrome Android Vollständige Unterstützung 50Edge Mobile Vollständige Unterstützung 12Firefox Android Vollständige Unterstützung 64Opera Android Vollständige Unterstützung 28Safari iOS Vollständige Unterstützung 9.2Samsung Internet Android ?
prefers-reduced-motion media feature
Experimentell
Chrome Keine Unterstützung NeinEdge Keine Unterstützung NeinFirefox Vollständige Unterstützung 63IE Keine Unterstützung NeinOpera Keine Unterstützung NeinSafari Vollständige Unterstützung 10.1WebView Android Keine Unterstützung NeinChrome Android Keine Unterstützung NeinEdge Mobile Keine Unterstützung NeinFirefox Android Vollständige Unterstützung 64Opera Android Keine Unterstützung NeinSafari iOS Vollständige Unterstützung 10.3Samsung Internet Android ?
resolution media featureChrome Vollständige Unterstützung 29Edge ? Firefox Vollständige Unterstützung 8
Vollständige Unterstützung 8
Teilweise Unterstützung 3.5
Hinweise
Hinweise Supports <integer> values only.
IE ? Opera Vollständige Unterstützung JaSafari ? WebView Android ? Chrome Android ? Edge Mobile ? Firefox Android ? Opera Android ? Safari iOS ? Samsung Internet Android ?
scan media featureChrome Keine Unterstützung NeinEdge ? Firefox Keine Unterstützung NeinIE Keine Unterstützung NeinOpera Keine Unterstützung NeinSafari Keine Unterstützung NeinWebView Android ? Chrome Android ? Edge Mobile ? Firefox Android Keine Unterstützung NeinOpera Android ? Safari iOS ? Samsung Internet Android ?
scripting media feature
ExperimentellNicht standardisiert
Chrome Keine Unterstützung Nein
Hinweise
Keine Unterstützung Nein
Hinweise
Hinweise See bug 489957.
Edge ? Firefox Keine Unterstützung Nein
Hinweise
Keine Unterstützung Nein
Hinweise
Hinweise See bug 1166581.
IE Keine Unterstützung NeinOpera Keine Unterstützung NeinSafari Keine Unterstützung NeinWebView Android Keine Unterstützung Nein
Hinweise
Keine Unterstützung Nein
Hinweise
Hinweise See bug 489957.
Chrome Android Keine Unterstützung Nein
Hinweise
Keine Unterstützung Nein
Hinweise
Hinweise See bug 489957.
Edge Mobile ? Firefox Android Keine Unterstützung Nein
Hinweise
Keine Unterstützung Nein
Hinweise
Hinweise See bug 1166581.
Opera Android Keine Unterstützung NeinSafari iOS Keine Unterstützung NeinSamsung Internet Android ?
update media feature
Experimentell
Chrome Keine Unterstützung NeinEdge ? Firefox Keine Unterstützung NeinIE Keine Unterstützung NeinOpera Keine Unterstützung NeinSafari Keine Unterstützung NeinWebView Android ? Chrome Android ? Edge Mobile ? Firefox Android ? Opera Android ? Safari iOS ? Samsung Internet Android ?
width media featureChrome Vollständige Unterstützung JaEdge ? Firefox Vollständige Unterstützung JaIE Vollständige Unterstützung 9Opera Vollständige Unterstützung JaSafari Vollständige Unterstützung JaWebView Android ? Chrome Android ? Edge Mobile ? Firefox Android ? Opera Android ? Safari iOS ? Samsung Internet Android ?
-moz-device-pixel-ratio media feature
VeraltetNicht standardisiert
Chrome Keine Unterstützung NeinEdge ? Firefox Vollständige Unterstützung 4IE ? Opera ? Safari ? WebView Android ? Chrome Android ? Edge Mobile ? Firefox Android ? Opera Android ? Safari iOS ? Samsung Internet Android ?
-webkit-animation media feature
Nicht standardisiert
Chrome Vollständige Unterstützung JaEdge ? Firefox ? IE ? Opera ? Safari ? WebView Android ? Chrome Android ? Edge Mobile ? Firefox Android ? Opera Android ? Safari iOS ? Samsung Internet Android ?
-webkit-device-pixel-ratio media feature
Nicht standardisiert
Chrome Vollständige Unterstützung JaEdge ? Firefox Vollständige Unterstützung 49
Hinweise Deaktiviert
Vollständige Unterstützung 49
Hinweise Deaktiviert
Hinweise Implemented as an alias for for -moz-device-pixel-ratio.
Deaktiviert From version 49: this feature is behind the layout.css.prefixes.device-pixel-ratio-webkit preference (needs to be set to true). To change preferences in Firefox, visit about:config.
Vollständige Unterstützung 45
Hinweise Deaktiviert
Hinweise Implemented as an alias for for -moz-device-pixel-ratio.
Deaktiviert From version 45: this feature is behind the layout.css.prefixes.webkit preference (needs to be set to true) and the layout.css.prefixes.device-pixel-ratio-webkit preference (needs to be set to true). To change preferences in Firefox, visit about:config.
IE Keine Unterstützung NeinOpera Vollständige Unterstützung JaSafari ? WebView Android ? Chrome Android ? Edge Mobile ? Firefox Android ? Opera Android ? Safari iOS ? Samsung Internet Android ?
-webkit-max-device-pixel-ratio media feature
Nicht standardisiert
Chrome Vollständige Unterstützung JaEdge ? Firefox Vollständige Unterstützung 49
Hinweise Deaktiviert
Vollständige Unterstützung 49
Hinweise Deaktiviert
Hinweise Implemented as an alias for for max--moz-device-pixel-ratio.
Deaktiviert From version 49: this feature is behind the layout.css.prefixes.device-pixel-ratio-webkit preference (needs to be set to true). To change preferences in Firefox, visit about:config.
Vollständige Unterstützung 45
Hinweise Deaktiviert
Hinweise Implemented as an alias for for max--moz-device-pixel-ratio.
Deaktiviert From version 45: this feature is behind the layout.css.prefixes.webkit preference (needs to be set to true) and the layout.css.prefixes.device-pixel-ratio-webkit preference (needs to be set to true). To change preferences in Firefox, visit about:config.
IE Keine Unterstützung NeinOpera Vollständige Unterstützung JaSafari ? WebView Android ? Chrome Android ? Edge Mobile ? Firefox Android ? Opera Android ? Safari iOS ? Samsung Internet Android ?
-webkit-min-device-pixel-ratio media feature
Nicht standardisiert
Chrome Vollständige Unterstützung JaEdge ? Firefox Vollständige Unterstützung 63
Hinweise
Vollständige Unterstützung 63
Hinweise
Hinweise Implemented as an alias for for -moz-device-pixel-ratio.
Vollständige Unterstützung 49
Hinweise Deaktiviert
Hinweise Implemented as an alias for for min--moz-device-pixel-ratio.
Deaktiviert From version 49: this feature is behind the layout.css.prefixes.device-pixel-ratio-webkit preference (needs to be set to true). To change preferences in Firefox, visit about:config.
Vollständige Unterstützung 45
Hinweise Deaktiviert
Hinweise Implemented as an alias for for min--moz-device-pixel-ratio.
Deaktiviert From version 45: this feature is behind the layout.css.prefixes.webkit preference (needs to be set to true) and the layout.css.prefixes.device-pixel-ratio-webkit preference (needs to be set to true). To change preferences in Firefox, visit about:config.
IE Keine Unterstützung NeinOpera Vollständige Unterstützung JaSafari ? WebView Android ? Chrome Android ? Edge Mobile ? Firefox Android ? Opera Android ? Safari iOS ? Samsung Internet Android ?
-webkit-transform-2d media feature
Nicht standardisiert
Chrome Keine Unterstützung NeinEdge Keine Unterstützung NeinFirefox Keine Unterstützung NeinIE Keine Unterstützung NeinOpera Vollständige Unterstützung JaSafari Vollständige Unterstützung 1WebView Android ? Chrome Android ? Edge Mobile Keine Unterstützung NeinFirefox Android Keine Unterstützung NeinOpera Android ? Safari iOS ? Samsung Internet Android ?
-webkit-transform-3d media feature
Nicht standardisiert
Chrome Vollständige Unterstützung JaEdge ? Firefox Vollständige Unterstützung 49
Vollständige Unterstützung 49
Vollständige Unterstützung 46
Deaktiviert
Deaktiviert From version 46: this feature is behind the layout.css.prefixes.webkit preference (needs to be set to true). To change preferences in Firefox, visit about:config.
IE ? Opera Vollständige Unterstützung JaSafari Vollständige Unterstützung 1WebView Android ? Chrome Android ? Edge Mobile ? Firefox Android ? Opera Android ? Safari iOS ? Samsung Internet Android ?
-webkit-transition media feature
VeraltetNicht standardisiert
Chrome Keine Unterstützung NeinEdge ? Firefox Keine Unterstützung NeinIE ? Opera Vollständige Unterstützung JaSafari Vollständige Unterstützung 1WebView Android ? Chrome Android ? Edge Mobile ? Firefox Android ? Opera Android ? Safari iOS ? Samsung Internet Android ?

Legende

Vollständige Unterstützung  
Vollständige Unterstützung
Keine Unterstützung  
Keine Unterstützung
Kompatibilität unbekannt  
Kompatibilität unbekannt
Experimentell. Das Verhalten kann sich zukünftig ändern.
Experimentell. Das Verhalten kann sich zukünftig ändern.
Nicht standardisiert. Erwarte schlechte browserübergreifende Unterstützung.
Nicht standardisiert. Erwarte schlechte browserübergreifende Unterstützung.
Veraltet. Nicht für den Einsatz in neuen Webseiten gedacht.
Veraltet. Nicht für den Einsatz in neuen Webseiten gedacht.
Siehe Implementierungshinweise.
Siehe Implementierungshinweise.
Benutzer muss dieses Feature explizit aktivieren.
Benutzer muss dieses Feature explizit aktivieren.

See also

Schlagwörter des Dokuments und Mitwirkende

Mitwirkende an dieser Seite: SJW, fscholz, cvrebert
Zuletzt aktualisiert von: SJW,