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

<p>Un objet qui implémente l'interface <code>StyleSheet</code> représente une seule feuille de style. Les feuilles de style CSS implémenteront également l'interface plus spécialisée {{domxref("CSSStyleSheet")}}.</p>

<h2 id="Properties">Propriétés</h2>

<dl>
 <dt>{{domxref("StyleSheet.disabled")}}</dt>
 <dd>Un booléen ({{domxref("Boolean")}}) indiquant si la feuille de style est appliquée ou non.</dd>
 <dt>{{domxref("StyleSheet.href")}} {{readonlyInline}}</dt>
 <dd>Une chaîne de caractères ({{domxref("DOMString")}}) représentant l'emplacement de la feuille de style.</dd>
 <dt>{{domxref("StyleSheet.media")}} {{readonlyInline}}</dt>
 <dd>Une {{domxref("MediaList")}} représentant le média de destination pour les informations de style.</dd>
 <dt>{{domxref("StyleSheet.ownerNode")}} {{readonlyInline}}</dt>
 <dd>Un objet {{domxref("Node")}} qui représente le nœud associant cette feuille de style avec le document courant.</dd>
 <dt>{{domxref("StyleSheet.parentStyleSheet")}} {{readonlyInline}}</dt>
 <dd>Un objet {{domxref("StyleSheet")}} qui inclut l'objet courant si ce dernier possède un parent ou <code>null</code> s'il n'y en a pas.</dd>
 <dt>{{domxref("StyleSheet.title")}} {{readonlyInline}}</dt>
 <dd>Une chaîne de caractères ({{domxref("DOMString")}}) indiquant le titre indicatif de la feuille de style courante.</dd>
 <dt>{{domxref("StyleSheet.type")}} {{readonlyInline}}</dt>
 <dd>Une chaîne de caractères {{domxref("DOMString")}} indiquant le langage de représentation pour cette feuille de style.</dd>
</dl>

<h2 id="Specification">Spécifications</h2>

<table class="standard-table">
 <thead>
  <tr>
   <th scope="col">Spécification</th>
   <th scope="col">État</th>
   <th scope="col">Commentaire</th>
  </tr>
 </thead>
 <tbody>
  <tr>
   <td>{{SpecName('CSSOM', '#stylesheet', 'StyleSheet')}}</td>
   <td>{{Spec2('CSSOM')}}</td>
   <td>Pas de changement depuis {{SpecName('DOM2 Style')}}.</td>
  </tr>
  <tr>
   <td>{{SpecName('DOM2 Style', 'stylesheets.html#StyleSheets-StyleSheet', 'StyleSheet')}}</td>
   <td>{{Spec2('DOM2 Style')}}</td>
   <td>Définition initiale.</td>
  </tr>
 </tbody>
</table>

<h2 id="Compatibilité_des_navigateurs">Compatibilité des navigateurs</h2>

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

<h2 id="Voir_aussi">Voir aussi</h2>

<ul>
 <li>{{domxref("CSSStyleSheet")}}</li>
</ul>