Übersicht

Die CSS Pseudoklasse :fullscreen betrifft jedes Element, welches sich im Vollbildmodus befindet. Sie selektiert nicht nur das Toplevelelement, sondern den ganzen Stapel an Elementen.

Das W3C empfiehlt das zusammengeschriebene :fullscreen, d. h. ohne Bindestrich, jedoch haben sowohl Gecko als auch Webkit eine Präfixversion mit Bindestrich implementiert : :-webkit-full-screen und :-moz-full-screen. Microsoft Edge und Internet Explorer verwenden die Syntaxen :fullscreen und :-ms-fullscreen.

Beispiele

*:fullscreen {
  position: fixed;
  top: 0; 
  right: 0; 
  bottom: 0; 
  left: 0;
  margin: 0;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  object-fit: contain;
}
h1:fullscreen {
  border: 1px solid #f00;
}
p:fullscreen {
  font-size: 200%;
}

Spezifikationen

Spezifikation Status Anmerkung
Fullscreen API
Die Definition von ':fullscreen' in dieser Spezifikation.
Lebender Standard Ursprüngliche Definition

Browser Kompatibilität

Update compatibility data on GitHub
DesktopMobile
ChromeEdgeFirefoxInternet ExplorerOperaSafariAndroid WebviewChrome für AndroidEdge MobileFirefox für AndroidOpera für AndroidSafari auf iOSSamsung Internet
:fullscreen
Experimentell
Chrome Vollständige Unterstützung 15
Alternativer Name
Vollständige Unterstützung 15
Alternativer Name
Alternativer Name Verwendet den nicht standardisierten Namen: :-webkit-full-screen
Edge Vollständige Unterstützung 12Firefox Vollständige Unterstützung 64
Vollständige Unterstützung 64
Keine Unterstützung 47 — 65
Deaktiviert
Deaktiviert From version 47 until version 65 (exclusive): this feature is behind the full-screen-api.unprefix.enabled preference (needs to be set to true). To change preferences in Firefox, visit about:config.
Keine Unterstützung 9 — 65
Alternativer Name
Alternativer Name Verwendet den nicht standardisierten Namen: :-moz-full-screen
IE Vollständige Unterstützung 11
Mit Präfix
Vollständige Unterstützung 11
Mit Präfix
Mit Präfix Benötigt das Herstellerpräfix: -ms-
Opera ? Safari Vollständige Unterstützung 6
Alternativer Name
Vollständige Unterstützung 6
Alternativer Name
Alternativer Name Verwendet den nicht standardisierten Namen: :-webkit-full-screen
WebView Android Vollständige Unterstützung 37
Alternativer Name
Vollständige Unterstützung 37
Alternativer Name
Alternativer Name Verwendet den nicht standardisierten Namen: :-webkit-full-screen
Chrome Android Vollständige Unterstützung 18
Alternativer Name
Vollständige Unterstützung 18
Alternativer Name
Alternativer Name Verwendet den nicht standardisierten Namen: :-webkit-full-screen
Edge Mobile Vollständige Unterstützung JaFirefox Android Vollständige Unterstützung 64
Vollständige Unterstützung 64
Keine Unterstützung 47 — 65
Deaktiviert
Deaktiviert From version 47 until version 65 (exclusive): this feature is behind the full-screen-api.unprefix.enabled preference (needs to be set to true). To change preferences in Firefox, visit about:config.
Keine Unterstützung 9 — 65
Alternativer Name
Alternativer Name Verwendet den nicht standardisierten Namen: :-moz-full-screen
Opera Android Keine Unterstützung NeinSafari iOS Keine Unterstützung NeinSamsung Internet Android ?
Select all elements in the fullscreen stack
Experimentell
Chrome ? Edge Vollständige Unterstützung 12Firefox Vollständige Unterstützung 43IE Vollständige Unterstützung 11Opera ? Safari ? WebView Android ? Chrome Android ? Edge Mobile Vollständige Unterstützung JaFirefox Android ? Opera Android Keine Unterstützung NeinSafari iOS Keine Unterstützung NeinSamsung 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.
Benutzer muss dieses Feature explizit aktivieren.
Benutzer muss dieses Feature explizit aktivieren.
Verwendet einen nicht standardisierten Namen.
Verwendet einen nicht standardisierten Namen.
Benötigt ein Herstellerpräfix oder einen anderen Namen zur Verwendung.
Benötigt ein Herstellerpräfix oder einen anderen Namen zur Verwendung.

Siehe auch

Schlagwörter des Dokuments und Mitwirkende

Mitwirkende an dieser Seite: mdnwebdocs-bot, SJW, Sebastianz
Zuletzt aktualisiert von: mdnwebdocs-bot,