CSS/Selektoren/fullscreen

Browserunterstützung
caniuse.com

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

Syntax

:fullscreen

Beispiel

* :-webkit-full-screen {
...
}
*:fullscreen {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: 0;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  object-fit: contain;
}

 

Beachten Sie: Eine Kombination der verschiedenen Selektoren mit Kommata, da die Regelsätze ja identisch sind, ist nicht möglich. Die Browser ignorieren sonst die Festlegungen.

Siehe auch

• JavaScript/Fullscreen

Weblinks

• WHATWG: :fullscreen-pseudo-class
• MDN: :fullscreen
• Browser-Support: caniuse.com