mozilla

Revision 61326 of :-moz-full-screen-ancestor

  • Revision slug: CSS/:-moz-full-screen-ancestor
  • Revision title: :-moz-full-screen-ancestor
  • Revision id: 61326
  • Created:
  • Creator: Sheppy
  • Is current revision? No
  • Comment page created, 125 words added

Revision Content

{{ CSSRef() }}

{{ non-standard_header() }}

Summary

The :-moz-full-screen-ancestor CSS pseudo-class applies to all ancestors of the full-screen element, except containing frames in parent documents, which are the full-screen element in their own documents. However, those elements' ancestors have this class applied to them.

Examples

Needs example.

Browser compatibility

{{ CompatibilityTable() }}

Feature Chrome Firefox (Gecko) Internet Explorer Opera Safari
Basic support {{ CompatUnknown() }} {{ CompatGeckoDesktop("10.0") }}{{ property_prefix("-moz") }} {{ CompatUnknown() }} {{ CompatUnknown() }} {{ CompatUnknown() }}
Feature Android Firefox Mobile (Gecko) IE Mobile Opera Mobile Safari Mobile
Basic support {{ CompatUnknown() }} {{ CompatGeckoMobile("10.0") }} {{ CompatUnknown() }} {{ CompatUnknown() }} {{ CompatUnknown() }}

Specification

Not part of any specification.

See also

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

Revision Source

<p>{{ CSSRef() }}</p>
<p>{{ non-standard_header() }}</p>
<h3 id="Summary">Summary</h3>
<p>The<code> :-moz-full-screen-ancestor </code>CSS <a href="/en/CSS/Pseudo-classes" title="en/CSS/Pseudo-classes">pseudo-class</a> applies to all ancestors of the full-screen element, except containing frames in parent documents, which are the full-screen element in their own documents. However, those elements' ancestors have this class applied to them.</p>
<h3 id="Examples">Examples</h3>
<p>Needs example.</p>
<h3 id="Specification" 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>{{ CompatUnknown() }}</td> <td>{{ CompatGeckoDesktop("10.0") }}{{ property_prefix("-moz") }}</td> <td>{{ CompatUnknown() }}</td> <td>{{ CompatUnknown() }}</td> <td>{{ CompatUnknown() }}</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("10.0") }}</td> <td>{{ CompatUnknown() }}</td> <td>{{ CompatUnknown() }}</td> <td>{{ CompatUnknown() }}</td> </tr> </tbody> </table>
</div>
<h3 id="Specification" name="Specification">Specification</h3>
<p>Not part of any specification.</p>
<h3 id="See_also">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> <li>{{ cssxref(":-moz-full-screen") }}</li>
</ul>
Revert to this revision