mozilla

Revision 624219 of :fullscreen

  • Raccourci de la révision : Web/CSS/:fullscreen
  • Titre de la révision : :fullscreen
  • ID de la révision : 624219
  • Créé :
  • Créateur : teoli
  • Version actuelle ? Non
  • Commentaire CSS/:fullscreen Web/CSS/:fullscreen

Contenu de la révision

{{ CSSRef() }}

{{ SeeCompatTable() }}

Résumé

La pseudo-classe CSS :fullscreen s'applique à tout élément actuellement affiché dans un mode plein-écran. Voir Utiliser le mode plein écran pour plus d'informations.

Spécifications

Spécification Statut Commentaire
Fullscreen {{ Spec2('Fullscreen') }}  

Compatibilité des navigateurs

{{ CompatibilityTable() }}

Fonctionnalité Chrome Firefox (Gecko) Internet Explorer Opera Safari
Support de base 15.0 {{ property_prefix("-webkit") }} (voir les notes) {{ CompatGeckoDesktop("9.0") }}{{ property_prefix("-moz") }} (voir les notes) 11 {{ property_prefix("-ms") }} {{ CompatNo() }} 6.0 {{ property_prefix("-webkit") }} (voir les notes)
Fonctionnalité Android Firefox Mobile (Gecko) IE Mobile Opera Mobile Safari Mobile
Support de base {{ CompatUnknown() }} {{ CompatGeckoMobile("9.0") }} {{ CompatNo() }} {{ CompatNo() }} {{ CompatNo() }}

Notes

Les versions préfixées de Gecko et Webkit ont un trait d'union entre full et screen, mais la proposition du W3C utilise un seul mot : fullscreen, :-webkit-full-screen, :-moz-full-screen.

Voir également

  • Utiliser le mode plein écran
  • {{ domxref("element.mozRequestFullScreen()") }}
  • {{ domxref("document.mozCancelFullScreen()") }}
  • {{ domxref("document.mozFullScreen") }}
  • {{ domxref("document.mozFullScreenElement") }}
  • {{ domxref("document.mozFullScreenEnabled") }}
  • {{ HTMLAttrXRef("allowfullscreen", "iframe") }}
  • {{ cssxref(":-moz-full-screen-ancestor") }}

Source de la révision

<p>{{ CSSRef() }}</p>
<p>{{ SeeCompatTable() }}</p>
<h2 id="Summary">Résumé</h2>
<p>La <a href="/fr/docs/CSS/Pseudo-classes">pseudo-classe</a> CSS<code> :fullscreen </code>s'applique à tout élément actuellement affiché dans un mode plein-écran. Voir <a href="/fr/docs/Web/Guide/DOM/Using_full_screen_mode">Utiliser le mode plein écran</a> pour plus d'informations.</p>
<h2 id="Specifications">Spécifications</h2>
<table class="standard-table">
 <thead>
  <tr>
   <th scope="col">Spécification</th>
   <th scope="col">Statut</th>
   <th scope="col">Commentaire</th>
  </tr>
 </thead>
 <tbody>
  <tr>
   <td><a class="link-https" href="https://dvcs.w3.org/hg/fullscreen/raw-file/tip/Overview.html#selectors-%28:fullscreen-and-:fullscreen-ancestor%29" title="https://dvcs.w3.org/hg/fullscreen/raw-file/tip/Overview.html#selectors-%28:fullscreen-and-:fullscreen-ancestor%29">Fullscreen </a></td>
   <td>{{ Spec2('Fullscreen') }}</td>
   <td>&nbsp;</td>
  </tr>
 </tbody>
</table>
<h2 id="Specification" name="Specification">Compatibilité des navigateurs</h2>
<p>{{ CompatibilityTable() }}</p>
<div id="compat-desktop">
 <table class="compat-table">
  <tbody>
   <tr>
    <th>Fonctionnalité</th>
    <th>Chrome</th>
    <th>Firefox (Gecko)</th>
    <th>Internet Explorer</th>
    <th>Opera</th>
    <th>Safari</th>
   </tr>
   <tr>
    <td>Support de base</td>
    <td>15.0 {{ property_prefix("-webkit") }} (voir les notes)</td>
    <td>{{ CompatGeckoDesktop("9.0") }}{{ property_prefix("-moz") }} (voir les notes)</td>
    <td>11 {{ property_prefix("-ms") }}</td>
    <td>{{ CompatNo() }}</td>
    <td>6.0 {{ property_prefix("-webkit") }} (voir les notes)</td>
   </tr>
  </tbody>
 </table>
</div>
<div id="compat-mobile">
 <table class="compat-table">
  <tbody>
   <tr>
    <th>Fonctionnalité</th>
    <th>Android</th>
    <th>Firefox Mobile (Gecko)</th>
    <th>IE Mobile</th>
    <th>Opera Mobile</th>
    <th>Safari Mobile</th>
   </tr>
   <tr>
    <td>Support de base</td>
    <td>{{ CompatUnknown() }}</td>
    <td>{{ CompatGeckoMobile("9.0") }}</td>
    <td>{{ CompatNo() }}</td>
    <td>{{ CompatNo() }}</td>
    <td>{{ CompatNo() }}</td>
   </tr>
  </tbody>
 </table>
</div>
<h3 id="Browser_notes">Notes</h3>
<p>Les versions préfixées de Gecko et Webkit ont un trait d'union entre <em>full</em> et <em>screen</em>, mais la proposition du W3C utilise un seul mot : <code>fullscreen</code>, <code>:-webkit-full-screen</code>, <code>:-moz-full-screen</code>.</p>
<h2 id="See_also">Voir également</h2>
<ul>
 <li><a href="/fr/docs/Web/Guide/DOM/Using_full_screen_mode">Utiliser le mode plein écran</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>
Revenir à cette révision