---
title: CSS
slug: Web/API/CSS
tags:
  - Apps
  - CSSOM
  - Referencia
translation_of: Web/API/CSS
---
<div>{{APIRef("CSSOM")}}</div>

<p><code><font face="Open Sans, Arial, sans-serif">A interface </font><strong>CSS</strong></code> carrega métodos CSS-relacionados úteis. Nenhum objeto com essa interface foi implementado: Aqui só contém métodos estáticos e futuramente uma interface útil.</p>

<h2 id="Propriedades">Propriedades</h2>

<p><em>A interface CSS é a interface utilizada e nenhum objeto desse tipo pode ser criado: só métodos estáticos são definidos aqui.</em></p>

<h2 id="Métodos">Métodos</h2>

<p><em>A interface CSS é a interface utilizada e nenhum objeto desse tipo pode ser criado: só métodos estáticos são definidos aqui.</em></p>

<h2 id="Métodos_státicos">Métodos státicos</h2>

<p><em>Nenhuma método estático herdado</em>.</p>

<dl>
 <dt>{{domxref("CSS.supports()")}}</dt>
 <dd>Retorna um {{domxref("Boolean")}} indicando se o par <em>property-value</em>, ou a condição dada do parâmetro é suportada.</dd>
</dl>

<dl>
 <dt>{{domxref("CSS.escape()")}} {{experimental_inline}}</dt>
 <dd>Pode ser usado para escapar um string mais usado como parte de um seletor CSS.</dd>
</dl>

<h2 id="Especificações">Especificações</h2>

<table class="standard-table" style="font-size: 14px; font-weight: normal; line-height: 1.5;">
 <thead>
  <tr>
   <th scope="col">Especificações</th>
   <th scope="col">Estado</th>
   <th scope="col">Comentário</th>
  </tr>
 </thead>
 <tbody>
  <tr>
   <td>{{SpecName('CSSOM', '#the-css.escape%28%29-method', 'CSS')}}</td>
   <td>{{Spec2('CSSOM')}}</td>
   <td>Adicionado o   <code>escape()</code> método estático.</td>
  </tr>
  <tr>
   <td>{{SpecName('CSS3 Conditional', '#the-css-interface', 'CSS')}}</td>
   <td>{{Spec2('CSS3 Conditional')}}</td>
   <td>Definição inicial.</td>
  </tr>
 </tbody>
</table>

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

<p>{{CompatibilityTable}}</p>

<div id="compat-desktop">
<table class="compat-table">
 <tbody>
  <tr>
   <th>Característica</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>28.0</td>
   <td>{{CompatGeckoDesktop("22.0")}} [1]</td>
   <td>6.0</td>
   <td>12.1</td>
   <td>{{CompatNo}}</td>
  </tr>
  <tr>
   <td><code>escape()</code>{{experimental_inline}}</td>
   <td>46.0</td>
   <td>{{CompatGeckoDesktop("31.0")}}</td>
   <td>{{CompatNo}}</td>
   <td>{{CompatNo}}</td>
   <td>{{CompatNo}}</td>
  </tr>
 </tbody>
</table>
</div>

<div id="compat-mobile">




<table class="compat-table">
 <tbody>
  <tr>
   <th>Característica</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>{{CompatVersionUnknown}}</td>
   <td>{{CompatGeckoMobile("22.0")}}<sup>[1]</sup></td>
   <td>{{CompatNo}}</td>
   <td>12.1</td>
   <td>{{CompatNo}}</td>
  </tr>
  <tr>
   <td><code>escape()</code>{{experimental_inline}}</td>
   <td>{{CompatNo}}</td>
   <td>{{CompatGeckoMobile("31.0")}}</td>
   <td>{{CompatNo}}</td>
   <td>{{CompatNo}}</td>
   <td>{{CompatNo}}</td>
  </tr>
 </tbody>
</table>
</div>

<p>[1] Também disponível através do <code>layout.css.supports-rule.enabled</code> preferência desde Gecko 20.</p>

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

<ul>
 <li><a href="/en-US/docs/Components.utils.importGlobalProperties">Components.utils.importGlobalProperties</a></li>
</ul>