:fullscreen

von 2 Mitwirkenden:

Dies ist eine experimentelle Technologie
Da diese Technologie noch nicht definitiv implementiert wurde, sollte die Browser Kompatibilität beachtet werden. Es ist auch möglich, dass der Syntax in einer späteren Spezifikation noch geändert wird.

Übersicht

Die CSS Pseudoklasse :fullscreen betrifft jedes Element, welches sich im Vollbildmodus befindet.

Das W3C empfiehlt das zusammengeschriebene :fullscreen, jedoch haben sowohl Gecko als auch Webkit eine provisorische Version mit Bindestrich implementiert (:-webkit-full-screen und :-moz-full-screen).

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  

Browser Kompatibilität

Merkmal Chrome Firefox (Gecko) Internet Explorer Opera Safari
Grundlegende Unterstützung 15.0 -webkit (see notes) 9.0 (9.0)-moz (see notes) 11 -ms Nicht unterstützt 6.0 -webkit (see notes)
Merkmal Android Firefox Mobile (Gecko) IE Mobile Opera Mobile Safari Mobile
? 9.0 (9.0)-moz (see notes) Nicht unterstützt Nicht unterstützt Nicht unterstützt
Grundlegende Unterstützung

Hinweise

Das W3C empfiehlt das zusammengeschriebene :fullscreen, jedoch haben sowohl Gecko als auch Webkit eine provisorische Version mit Bindestrich implementiert :-webkit-full-screen und :-moz-full-screen.

Siehe auch

Schlagwörter des Dokuments und Mitwirkende

Mitwirkende an dieser Seite: Sebastianz, SJW
Zuletzt aktualisiert von: Sebastianz,