:fullscreen

  • Revision slug: CSS/:fullscreen
  • Revision title: :fullscreen
  • Revision id: 46998
  • Created:
  • Creator: teoli
  • Is current revision? No
  • Comment 20 words added, 2 words removed

Revision Content

{{ CSSRef() }}

{{ non-standard_header() }}

Summary

The :-moz-full-screen CSS pseudo-class applies to any element that's currently being displayed in full-screen mode. See Using full-screen mode for details.

Examples

Needs example.

Browser compatibility

{{ CompatibilityTable() }}

Feature Chrome Firefox (Gecko) Internet Explorer Opera Safari
Basic support {{ CompaVersiontUnknown() }}{{ prefix("-webkit") }} {{ CompatGeckoDesktop("9.0") }}{{ prefix("-moz") }} {{ CompatUnknown() }} {{ CompatUnknown() }} {{ CompatVersionUnknown() }}{{ prefix("-webkit") }}
Feature Android Firefox Mobile (Gecko) IE Mobile Opera Mobile Safari Mobile
Basic support {{ CompatUnknown() }} {{ CompatGeckoMobile("9.0") }} {{ CompatUnknown() }} {{ CompatUnknown() }} {{ CompatUnknown() }}

Specification

Though not yet part of any formal specification, the Mozilla proposal has been discussed at the WhatWG and other vendors started to implement it, with their own prefix.

See also

  • Using full-screen mode
  • {{ domxref("element.mozRequestFullScreen()") }}
  • {{ domxref("document.mozCancelFullScreen()") }}
  • {{ domxref("document.mozFullScreen") }}
  • {{ domxref("document.mozFullScreenElement") }}
  • {{ domxref("document.mozFullScreenEnabled") }}
  • {{ HTMLAttrXRef("mozallowfullscreen", "iframe") }}

Revision Source

<p>{{ CSSRef() }}</p>
<p>{{ non-standard_header() }}</p>
<h3>Summary</h3>
<p>The<code> :-moz-full-screen </code>CSS <a href="/en/CSS/Pseudo-classes" title="en/CSS/Pseudo-classes">pseudo-class</a> applies to any element that's currently being displayed in full-screen mode. See <a href="/en/DOM/Using_full-screen_mode" title="en/DOM/Using full-screen mode">Using full-screen mode</a> for details.</p>
<h3>Examples</h3>
<p>Needs example.</p>
<h3 name="Specification">Browser compatibility</h3>
<p>{{ CompatibilityTable() }}</p>
<div id="compat-desktop"> <table class="compat-table"> <tbody> <tr> <th>Feature</th> <th>Chrome</th> <th>Firefox (Gecko)</th> <th>Internet Explorer</th> <th>Opera</th> <th>Safari</th> </tr> <tr> <td>Basic support</td> <td>{{ CompaVersiontUnknown() }}{{ prefix("-webkit") }}</td> <td>{{ CompatGeckoDesktop("9.0") }}{{ prefix("-moz") }}</td> <td>{{ CompatUnknown() }}</td> <td>{{ CompatUnknown() }}</td> <td>{{ CompatVersionUnknown() }}{{ prefix("-webkit") }}</td> </tr> </tbody> </table>
</div>
<div id="compat-mobile"> <table class="compat-table"> <tbody> <tr> <th>Feature</th> <th>Android</th> <th>Firefox Mobile (Gecko)</th> <th>IE Mobile</th> <th>Opera Mobile</th> <th>Safari Mobile</th> </tr> <tr> <td>Basic support</td> <td>{{ CompatUnknown() }}</td> <td>{{ CompatGeckoMobile("9.0") }}</td> <td>{{ CompatUnknown() }}</td> <td>{{ CompatUnknown() }}</td> <td>{{ CompatUnknown() }}</td> </tr> </tbody> </table>
</div>
<h3 name="Specification">Specification</h3>
<p>Though not yet part of any formal specification, the Mozilla proposal has been discussed at the WhatWG and other vendors started to implement it, with their own prefix.</p><h3>See also</h3>
<ul> <li><a href="/en/DOM/Using_full-screen_mode" title="en/DOM/Using full-screen mode">Using full-screen mode</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("mozallowfullscreen", "iframe") }}</li>
</ul>
Revert to this revision