---
title: stylesheet.cssRules
slug: Web/API/CSSRuleList
tags:
  - DOM
  - Dokumentacja_Gecko_DOM
  - Gecko
  - Wszystkie_kategorie
translation_of: Web/API/CSSRuleList
original_slug: Web/API/Stylesheet/cssRules
---
<p>{{ ApiRef() }}</p>

<h3 id="Podsumowanie" name="Podsumowanie">Podsumowanie</h3>

<p>Zwraca wszystkie reguły/zasady CSS w arkuszu stylów jako {{domxref("CSSRuleList")}}, tablico-podobny obiekt.</p>

<h3 id="Sk.C5.82adnia" name="Sk.C5.82adnia">Składnia</h3>

<pre class="eval"><i>rules</i> = stylesheet.cssRules
</pre>

<p><code>rules</code> jest tablicą {{domxref("CSSRuleList")}} indywidualnych obiektów <code>cssRule</code>. Pojedynczy obiekt <code>cssRule</code> może odwołać się do jednego z następujących obiektów:</p>

<ul>
 <li>{{domxref("CSSStyleRule") }}</li>
 <li>{{domxref("CSSMediaRule") }}</li>
 <li>{{domxref("CSSFontFaceRule") }}</li>
 <li>{{domxref("CSSPageRule") }}</li>
 <li>{{domxref("CSSImportRule") }}</li>
 <li>{{domxref("CSSCharsetRule") }}</li>
 <li>{{domxref("CSSUnknownRule") }}</li>
</ul>

<h3 id="Przyk.C5.82ad" name="Przyk.C5.82ad">Przykład</h3>

<pre class="eval">// pobiera pierwszą zasadę
first_rule = document.styleSheets[0].cssRules[0];
</pre>

<h3 id="Uwagi" name="Uwagi">Uwagi</h3>

<p>Zobacz obiekt DOM {{domxref("cssRule")}}.</p>

<h3 id="Specyfikacja" name="Specyfikacja">Specyfikacja</h3>

<p><a class="external" href="http://www.w3.org/TR/DOM-Level-2-Style/css.html#CSS-CSSStyleSheet-cssRules">DOM Level 2 Style: CSSStyleSheet.cssRules</a></p>