---
title: Document.selectedStyleSheetSet
slug: Web/API/Document/selectedStyleSheetSet
tags:
  - API
  - DOM
  - Document
  - Feuilles de styles
  - Propriétés
translation_of: Web/API/Document/selectedStyleSheetSet
---
<p>{{ APIRef("DOM") }}{{ gecko_minversion_header("1.9") }}</p>

<p>Indique le nom du jeu de feuilles de styles actuellement utilisé.</p>

<h2 id="Syntax">Syntaxe</h2>

<pre class="eval"><em>currentStyleSheetSet</em> = document.selectedStyleSheetSet

document.selectedStyleSheet = <em>newStyleSheetSet</em>
</pre>

<p>En retour, <code>currentStyleSheetSet</code> indique le nom du jeu de feuilles de styles en cours d'utilisation. Vous pouvez aussi définir celui-ci en utilisant cette propriété.</p>

<p>La définition de la valeur de cette propriété équivaut à appeler {{ domxref("document.enableStyleSheetsForSet()") }} avec la valeur de <code>currentStyleSheetSet</code>, puis de définir la valeur de <code>lastStyleSheetSet</code> sur cette valeur.</p>

<div class="note">
  <p><strong>Note :</strong> Cette valeur d'attribut est directe : sa modification affectera la valeur de l'attribut.</p>
</div>

<h2 id="Example">Exemple</h2>

<pre class="brush: js">console.log("Current style sheet set: " + document.selectedStyleSheetSet);

document.selectedStyleSheetSet = "Some other style sheet";
</pre>

<div class="note">
  <p><strong>Note :</strong> Cet exemple vous aidera à comprendre la différence de comportement entre la définition de la valeur de <code>selectedStyleSheetSet</code> et l'appel de {{ domxref("document.enableStyleSheetsForSet()") }}.</p>
</div>

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

<ul>
 <li>{{ domxref("document.lastStyleSheetSet") }}</li>
 <li>{{ domxref("document.preferredStyleSheetSet") }}</li>
 <li>{{ domxref("document.styleSheetSets") }}</li>
 <li>{{ domxref("document.enableStyleSheetsForSet()") }}</li>
</ul>

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

<ul>
 <li><a href="http://www.whatwg.org/specs/web-apps/current-work/#alternate-style-sheets">HTML5: Alternate Style Sheets</a></li>
</ul>