initial commit

1 files changed, 81 insertions, 0 deletions

diff --git a/files/de/web/css/_colon_fullscreen/index.html b/files/de/web/css/_colon_fullscreen/index.html
new file mode 100644
index 0000000000..8d10c1176d
--- /dev/null
+++ b/files/de/web/css/_colon_fullscreen/index.html
@@ -0,0 +1,81 @@
+---
+title: ':fullscreen'
+slug: 'Web/CSS/:fullscreen'
+tags:
+  - CSS
+  - CSS Mozilla Erweiterungen
+  - CSS Pseudoklasse
+  - Experimentell
+  - Layout
+  - NeedsLiveSample
+  - Referenz
+  - Vollbild
+  - Web
+translation_of: 'Web/CSS/:fullscreen'
+---
+<div>{{CSSRef}}</div>
+
+<h2 id="Übersicht">Übersicht</h2>
+
+<p>Die <a href="/de/docs/Web/CSS">CSS</a> <a href="/de/docs/Web/CSS/Pseudo-classes">Pseudoklasse</a> <code>:fullscreen </code>betrifft jedes Element, welches sich im <a href="/de/docs/Web/Guide/API/DOM/Verwendung_des_Vollbildmodus">Vollbildmodus</a> befindet. Sie selektiert nicht nur das Toplevelelement, sondern den ganzen Stapel an Elementen.</p>
+
+<div class="note">Das W3C empfiehlt das zusammengeschriebene <code>:fullscreen</code>, d. h. ohne Bindestrich, jedoch haben sowohl Gecko als auch Webkit eine Präfixversion mit Bindestrich implementiert : <code>:-webkit-full-screen</code> und <code>:-moz-full-screen</code>. Microsoft Edge und Internet Explorer verwenden die Syntaxen <code>:fullscreen</code> und <code>:-ms-fullscreen</code>.</div>
+
+<h2 id="Beispiele">Beispiele</h2>
+
+<pre class="brush: css">*:fullscreen {
+  position: fixed;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  margin: 0;
+  box-sizing: border-box;
+  width: 100%;
+  height: 100%;
+  object-fit: contain;
+}</pre>
+
+<pre class="brush: css">h1:fullscreen {
+  border: 1px solid #f00;
+}</pre>
+
+<pre class="brush: css">p:fullscreen {
+  font-size: 200%;
+}</pre>
+
+<h2 id="Spezifikationen">Spezifikationen</h2>
+
+<table class="standard-table">
+ <thead>
+  <tr>
+   <th scope="col">Spezifikation</th>
+   <th scope="col">Status</th>
+   <th scope="col">Anmerkung</th>
+  </tr>
+ </thead>
+ <tbody>
+  <tr>
+   <td>{{SpecName('Fullscreen', '#:fullscreen-pseudo-class', ':fullscreen')}}</td>
+   <td>{{Spec2('Fullscreen')}}</td>
+   <td>Ursprüngliche Definition</td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Browser_Kompatibilität">Browser Kompatibilität</h2>
+
+{{Compat("css.selectors.fullscreen")}}
+
+<h2 id="Siehe_auch">Siehe auch</h2>
+
+<ul>
+ <li><a href="/de/docs/Web/Guide/API/DOM/Verwendung_des_Vollbildmodus">Vollbildmodus</a></li>
+ <li>{{domxref("element.mozRequestFullScreen()")}}</li>
+ <li>{{domxref("document.mozCancelFullScreen()")}}</li>
+ <li>{{domxref("document.mozFullScreen")}}</li>
+ <li>{{domxref("document.mozFullScreenElement")}}</li>
+ <li>{{domxref("document.mozFullScreenEnabled")}}</li>
+ <li>{{HTMLAttrXRef("allowfullscreen", "iframe")}}</li>
+ <li>{{cssxref(":-moz-full-screen-ancestor")}}</li>
+</ul>