---
title: Document.fullscreen
slug: Web/API/Document/fullscreen
tags:
  - API
  - Documento
  - Javascript tela cheia
  - Propriedade
  - Referencia
  - Somente Leitura
  - Tela
  - Tela Cheia
  - display
translation_of: Web/API/Document/fullscreen
---
<div>{{APIRef("Fullscreen API")}}{{Deprecated_Header}}</div>

<p><span class="seoSummary">A propriedade de somente leitura da interface <code><strong>fullscreen</strong></code> retorna se o documento correspondente está mostrando conteúdo em modo de tela cheia (full-screen). </span></p>

<p>Apesar dessa propriedade ser de somente leitura, ela não será executa se for modificada (mesmo em modo estrito); o setter não é um operador e não será modificado.</p>

<div class="note">
<p><strong>Nota:</strong> Desde que esta propriedade foi descontinuada, você pode determinar se o modo full-screen está ativo no documento checando se {{DOMxRef("Document.fullscreenElement")}} não é <code>null</code>.</p>
</div>

<h2 id="Síntaxe">Síntaxe</h2>

<pre class="eval">var <var>isFullScreen</var> = <var>document</var>.fullscreen;
</pre>

<h3 id="Valor">Valor</h3>

<p>Um valor booleano é <code>true</code> se o documento está mostrando um elemento no modo full-screen; se não, o valor é <code>false</code>.</p>

<h2 id="Exemplo">Exemplo</h2>

<p>Esta simples função retorna se o modo full-sreen está ativo, usando a obsoleta propriedade <code><strong>fullscreen</strong></code>.</p>

<pre class="brush: js">function isDocumentInFullScreenMode() {
  return document.fullscreen;
}
</pre>

<p>Neste próximo exemplo, de outra maneira, usa a propriedade atual <code>fullscreenElement</code> para determinar a mesma coisa:</p>

<pre class="brush: js">function isDocumentInFullScreenMode() {
  return document.fullscreenElement !== null;
}</pre>

<p><font face="Arial, x-locale-body, sans-serif"><span style="background-color: #ffffff;">Se </span></font><code>fullscreenElement</code>  não é <code>null</code>, retorna <code>true</code>, indicando se modo full-screen está sendo usado.</p>

<h2 id="Específicações">Específicações</h2>

<table class="standard-table">
 <thead>
  <tr>
   <th scope="col">Specification</th>
   <th scope="col">Status</th>
   <th scope="col">Comment</th>
  </tr>
 </thead>
 <tbody>
  <tr>
   <td>{{SpecName("Fullscreen", "#dom-document-fullscreen", "Document.fullscreen")}}</td>
   <td>{{Spec2("Fullscreen")}}</td>
   <td>Definição inicial (como uma proprieda obsoleta).</td>
  </tr>
 </tbody>
</table>

<h2 id="Browser_compatibility">Compatibilidade com navegadores</h2>

<p>{{Compat("api.Document.fullscreen")}}</p>

<h2 id="Veja_também">Veja também</h2>

<ul>
 <li><a href="/en-US/docs/Web/API/Fullscreen_API">Fullscreen API</a></li>
 <li><a href="/en-US/docs/Web/API/Fullscreen_API/Guide">Guide to the Fullscreen API</a></li>
 <li>{{DOMxRef("Document.fullscreenEnabled")}}</li>
</ul>