:fullscreen

Ü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

	Desktop						Mobile
	Chrome	Edge	Firefox	Internet Explorer	Opera	Safari	Android Webview	Chrome für Android	Firefox für Android	Opera für Android	Safari auf iOS	Samsung Internet
`:fullscreen`	Chrome Vollständige Unterstützung 71 Vollständige Unterstützung 71 Vollständige Unterstützung 15 Alternativer Name Alternativer Name Verwendet den nicht standardisierten Namen: `:-webkit-full-screen`	Edge Vollständige Unterstützung 12	Firefox 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 Vollständige Unterstützung 58 Vollständige Unterstützung 58 Vollständige Unterstützung 15 Alternativer Name Alternativer Name Verwendet den nicht standardisierten Namen: `:-webkit-full-screen`	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 71 Vollständige Unterstützung 71 Vollständige Unterstützung 37 Alternativer Name Alternativer Name Verwendet den nicht standardisierten Namen: `:-webkit-full-screen`	Chrome Android Vollständige Unterstützung 71 Vollständige Unterstützung 71 Vollständige Unterstützung 18 Alternativer Name Alternativer Name Verwendet den nicht standardisierten Namen: `:-webkit-full-screen`	Firefox 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 Vollständige Unterstützung 50 Vollständige Unterstützung 50 Vollständige Unterstützung 14 Alternativer Name Alternativer Name Verwendet den nicht standardisierten Namen: `:-webkit-full-screen`	Safari iOS Keine Unterstützung Nein	Samsung Internet Android Vollständige Unterstützung 10.0 Vollständige Unterstützung 10.0 Vollständige Unterstützung 1.0 Alternativer Name Alternativer Name Verwendet den nicht standardisierten Namen: `:-webkit-full-screen`
Select all elements in the fullscreen stack	Chrome Keine Unterstützung Nein	Edge Keine Unterstützung 12 — 79	Firefox Vollständige Unterstützung 43	IE Vollständige Unterstützung 11	Opera Keine Unterstützung Nein	Safari Keine Unterstützung Nein	WebView Android Keine Unterstützung Nein	Chrome Android Keine Unterstützung Nein	Firefox Android Vollständige Unterstützung 43	Opera Android Keine Unterstützung Nein	Safari iOS Keine Unterstützung Nein	Samsung Internet Android Keine Unterstützung Nein

Legende

Vollständige Unterstützung: Vollständige Unterstützung
Keine Unterstützung: Keine Unterstützung
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

Zuletzt verändert: Mar 23, 2019, von MDN-Mitwirkenden