aboutsummaryrefslogtreecommitdiff
path: root/files/fr/web/css/reference
diff options
context:
space:
mode:
authorjulieng <julien.gattelier@gmail.com>2021-09-17 20:59:20 +0200
committerSphinxKnight <SphinxKnight@users.noreply.github.com>2021-10-12 07:57:33 +0200
commit258ba7b4be62d8640477a3bd3146d08b00cb70ec (patch)
treea8476eee4c369ff47bdfe08353774414f2281ba3 /files/fr/web/css/reference
parent149319bb8c7b1394a443f0877c3460cd362aa815 (diff)
downloadtranslated-content-258ba7b4be62d8640477a3bd3146d08b00cb70ec.tar.gz
translated-content-258ba7b4be62d8640477a3bd3146d08b00cb70ec.tar.bz2
translated-content-258ba7b4be62d8640477a3bd3146d08b00cb70ec.zip
convert content to md
Diffstat (limited to 'files/fr/web/css/reference')
-rw-r--r--files/fr/web/css/reference/index.md279
1 files changed, 128 insertions, 151 deletions
diff --git a/files/fr/web/css/reference/index.md b/files/fr/web/css/reference/index.md
index 8b41901dc5..b454727d4d 100644
--- a/files/fr/web/css/reference/index.md
+++ b/files/fr/web/css/reference/index.md
@@ -10,177 +10,154 @@ tags:
- Types CSS
translation_of: Web/CSS/Reference
---
-<div>{{CSSRef}}</div>
+{{CSSRef}}
-<p>Cette <strong>référence CSS</strong> fournit un <strong><a href="#index_des_mots-clés">index alphabétique</a></strong> de toutes les propriétés <a href="/fr/docs/Web/CSS">CSS</a> standards, des <a href="/fr/docs/Web/CSS/Pseudo-classes">pseudo-classes</a>, des <a href="/fr/docs/Web/CSS/Pseudo-elements">pseudo-éléments</a>, des <a href="/fr/docs/Web/CSS/CSS_Types">types de données</a> et des <a href="/fr/docs/Web/CSS/At-rule">règles @</a>. Vous pouvez également trouver une liste alphabétique de tous les <strong><a href="#sélecteurs">sélecteurs CSS par type</a></strong> et une liste des <strong><a href="#concepts">concepts clés de CSS</a></strong>. Enfin est inclus un bref sommaire de <strong><a href="#dom-css_cssom">référence sur DOM-CSS / CSSOM</a></strong>.</p>
+Cette **référence CSS** fournit un **[index alphabétique](#index_des_mots-clés)** de toutes les propriétés [CSS](/fr/docs/Web/CSS) standards, des [pseudo-classes](/fr/docs/Web/CSS/Pseudo-classes), des [pseudo-éléments](/fr/docs/Web/CSS/Pseudo-elements), des [types de données](/fr/docs/Web/CSS/CSS_Types) et des [règles @](/fr/docs/Web/CSS/At-rule). Vous pouvez également trouver une liste alphabétique de tous les **[sélecteurs CSS par type](#sélecteurs)** et une liste des **[concepts clés de CSS](#concepts)**. Enfin est inclus un bref sommaire de **[référence sur DOM-CSS / CSSOM](#dom-css_cssom)**.
-<h2 id="Syntaxe_de_règle_basique">Syntaxe de règle basique</h2>
+## Syntaxe de règle basique
-<h3 id="Syntaxe_de_style_basique">Syntaxe de style basique</h3>
+### Syntaxe de style basique
-<pre class="syntaxbox"><var>règle-de-style-basique</var> <strong>::=</strong>
- <var>liste-de-sélecteurs</var> <strong>{</strong>
- <var>liste-de-propriétés</var>
- <strong>}</strong>
-</pre>
+ règle-de-style-basique ::=
+ liste-de-sélecteurs {
+ liste-de-propriétés
+ }
-<p>... où :</p>
+... où :
-<pre class="syntaxbox"><var>liste-de-sélecteurs</var> <strong>::=</strong>
- <var>sélecteur[</var><strong>:</strong><var>pseudo-classe] [</var><strong>::</strong><var>pseudo-élément]
- [</var><strong>,</strong><var> liste-de-sélecteurs]</var>
+ liste-de-sélecteurs ::=
+ sélecteur[:pseudo-classe] [::pseudo-élément]
+ [, liste-de-sélecteurs]
-<var>liste-de-propriétés</var> <strong>::=</strong>
-<var> [propriété </var><strong>:</strong> <var>valeur] [</var><strong>; </strong><var>liste-de-propriétés]</var>
-</pre>
+ liste-de-propriétés ::=
+ [propriété : valeur] [; liste-de-propriétés]
-<p>Voir aussi les <a href="#sélecteurs"><em>sélecteurs</em></a>, <a href="#pseudo-classes"><em>pseudo-classes</em></a>, et <em><a href="#pseudo-éléments">pseudo-éléments</a></em> listés ci-dessous. La syntaxe des <em>valeurs</em> dépend du type de données attendu pour chaque <em>propriété</em> indiquée.</p>
+Voir aussi les [_sélecteurs_](#sélecteurs), [_pseudo-classes_](#pseudo-classes), et _[pseudo-éléments](#pseudo-éléments)_ listés ci-dessous. La syntaxe des _valeurs_ dépend du type de données attendu pour chaque _propriété_ indiquée.
-<h4 id="Exemples_de_règle_de_style">Exemples de règle de style</h4>
+#### Exemples de règle de style
-<pre class="brush: css">strong {
+```css
+strong {
color: red;
}
-div.menu-bar li:hover &gt; ul {
+div.menu-bar li:hover > ul {
display: block;
}
-</pre>
+```
-<p>Pour une introduction à la syntaxe des sélecteurs CSS, consultez <a href="/fr/docs/Apprendre/CSS/Introduction_%C3%A0_CSS/La_syntaxe">ce tutoriel</a>. Soyez conscient que n’importe quelle erreur de <a href="/fr/docs/Learn/CSS/First_steps/How_CSS_is_structured">syntaxe CSS</a> dans une définition de règle l’invalide entièrement. Les règles non validées sont ignorées par le navigateur. Note : les définitions de règles CSS sont intégralement <a href="https://www.w3.org/TR/css-syntax-3/#intro">basées sur du texte</a> (ASCII) alors que DOM-CSS / CSSOM (le système de gestion des règles) est <a href="https://www.w3.org/TR/cssom/#introduction">basé sur des objets</a>.</p>
+Pour une introduction à la syntaxe des sélecteurs CSS, consultez [ce tutoriel](/fr/docs/Apprendre/CSS/Introduction_%C3%A0_CSS/La_syntaxe). Soyez conscient que n’importe quelle erreur de [syntaxe CSS](/fr/docs/Learn/CSS/First_steps/How_CSS_is_structured) dans une définition de règle l’invalide entièrement. Les règles non validées sont ignorées par le navigateur. Note : les définitions de règles CSS sont intégralement [basées sur du texte](https://www.w3.org/TR/css-syntax-3/#intro) (ASCII) alors que DOM-CSS / CSSOM (le système de gestion des règles) est [basé sur des objets](https://www.w3.org/TR/cssom/#introduction).
-<h3 id="Syntaxe_des_règles"><strong>Syntaxe des règles @</strong></h3>
+### **Syntaxe des règles @**
-<p>Comme la structure des règles @ varie grandement, veuillez consulter <a href="/fr/docs/Web/CSS/At-rule">règle @</a> pour trouver la syntaxe que vous souhaitez.</p>
-
-<h2 id="Index_des_mots-clés"><strong>Index des mots-clés</strong></h2>
+Comme la structure des règles @ varie grandement, veuillez consulter [règle @](/fr/docs/Web/CSS/At-rule) pour trouver la syntaxe que vous souhaitez.
-<div class="note">
-<p><strong>Note :</strong> Les noms de propriétés de cet index n’incluent <strong>pas</strong> les <a href="/fr/docs/Web/CSS/CSS_Properties_Reference">noms de l’API DOM JavaScript</a> lorsqu’ils sont différents des noms standards CSS.</p>
-</div>
+## **Index des mots-clés**
-<p>{{CSS_Ref}}</p>
+> **Note :** Les noms de propriétés de cet index n’incluent **pas** les [noms de l’API DOM JavaScript](/fr/docs/Web/CSS/CSS_Properties_Reference) lorsqu’ils sont différents des noms standards CSS.
-<h2 id="Sélecteurs">Sélecteurs</h2>
+{{CSS_Ref}}
-<p>Sont indiqués dans ce qui suit les divers <a href="/fr/docs/Web/CSS/CSS_Selectors">sélecteurs</a>, qui permettent aux styles d'être appliqués de façon conditionnelle selon diverses caractéristiques des éléments présents dans le DOM.</p>
-
-<h3 id="Sélecteurs_simples"><a href="/fr/docs/Web/CSS/CSS_Selectors#les_s%c3%a9lecteurs_simples/fr/docs/web/css/s%c3%a9lecteurs_css">Sélecteurs simples</a></h3>
-
-<p>Les sélecteurs simples sont des sélecteurs fondamentaux. Ce sont les sélecteurs les plus élémentaires qui sont fréquemment combinés pour créer d'autres sélecteurs plus complexes.</p>
-
-<ul>
- <li><a href="/fr/docs/Web/CSS/Type_selectors">Sélecteur de type</a> <code><var>nomElement</var></code></li>
- <li><a href="/fr/docs/Web/CSS/Class_selectors">Sélecteur de classe</a> <code><strong>.</strong><var>nomClasse</var></code></li>
- <li><a href="/fr/docs/Web/CSS/ID_selectors">Sélecteur d’identifiant</a> <code><strong>#</strong><var>nomID</var></code></li>
- <li><a href="/fr/docs/Web/CSS/Universal_selectors">Sélecteur universel</a> <code><strong>*</strong></code>, <code><var>ns</var><strong>|*</strong></code>, <code><strong>*|*</strong></code>, <code><strong>|*</strong></code></li>
- <li><a href="/fr/docs/Web/CSS/Attribute_selectors">Sélecteur d’attribut</a> <code><strong>[</strong><var>attr</var><strong>=</strong><var>valeur</var><strong>]</strong></code></li>
-</ul>
-
-<h3 id="Sélecteur_de_groupe">Sélecteur de groupe</h3>
+## Sélecteurs
-<dl>
- <dt><a href="/fr/docs/Web/CSS/Selector_list">Sélecteur de conjonction</a> <code>A, B</code></dt>
- <dd>Indique que les éléments des sélecteurs <code>A</code> et <code>B</code> doivent être sélectionnés. Il s'agit d'une méthode de groupement pour sélectionner des éléments selon plusieurs critères.</dd>
-</dl>
-
-<h3 id="Combinateurs"><a href="/fr/docs/Web/CSS/CSS_Selectors#les_combinateurs">Combinateurs</a></h3>
-
-<p>Les combinateurs sont des sélecteurs qui établissent une relation entre deux sélecteurs ou plus, tel que "A est un enfant de B" ou "A est adjacent à B".</p>
-
-<dl>
- <dt><a href="/fr/docs/Web/CSS/Adjacent_sibling_combinator">Combinateur de voisin direct</a> <code><var>A</var> <strong>+</strong> <var>B</var></code></dt>
- <dd>Indique que les éléments sélectionnés par <code>A</code> et par <code>B</code> ont le même parent et que celui sélectionné par <code>B</code> suit immédiatement celui sélectionné par <code>A</code>.</dd>
- <dt><a href="/fr/docs/Web/CSS/General_sibling_combinator">Combinateur de voisin général</a> <code><var>A</var> <strong>~</strong> <var>B</var></code></dt>
- <dd>Indique que les éléments sélectionnés par <code>A</code> et par <code>B</code> ont le même parent et que celui sélectionné par <code>B</code> suit celui sélectionné par <code>A</code>, mais pas nécessairement immédiatement après lui.</dd>
- <dt><a href="/fr/docs/Web/CSS/Child_combinator">Combinateur d’enfant</a> <code><var>A</var> <strong>&gt;</strong> <var>B</var></code></dt>
- <dd>Indique que l’élément sélectionné par <code>B</code> est un enfant direct de l’élément sélectionné par <code>A</code>.</dd>
- <dt><a href="/fr/docs/Web/CSS/Descendant_combinator">Combinateur de descendant</a> <code><var>A</var> <var>B</var></code></dt>
- <dd>Indique que l’élément sélectionné par <code>B</code> est un descendant de l’élément sélectionné par <code>A</code>, mais n’en est pas nécessairement un enfant direct.</dd>
- <dt><a href="/fr/docs/Web/CSS/Column_combinator">Combinateur de colonne</a> <code><var>A</var> <strong>||</strong> <var>B</var></code> {{Experimental_Inline}}</dt>
- <dd>Indique que l’élément sélectionné par <code>B</code> est situé dans la colonne de table indiquée par <code>A</code>. Les éléments qui s’étendent sur des colonnes multiples sont considérés comme étant membres de chacune de ces colonnes.</dd>
-</dl>
-
-<h3 id="Pseudo">Pseudo</h3>
-
-<dl>
- <dt><a href="/fr/docs/Web/CSS/Pseudo-classes">Pseudo-classes</a> <code>:</code></dt>
- <dd>Définit un état spécial pour le ou les éléments ciblés.</dd>
- <dt><a href="/fr/docs/Web/CSS/Pseudo-elements">Pseudo-éléments</a> <code>::</code></dt>
- <dd>Représente des entités qui ne sont pas incluses en HTML.</dd>
-</dl>
-
-<div class="callout">
-<p>See also <a href="https://www.w3.org/TR/selectors/#overview">Selectors in the Selectors Level 4 specification</a>.</p>
-</div>
-
-<h2 id="Concepts">Concepts</h2>
-
-<h3 id="Syntaxe_et_sémantique">Syntaxe et sémantique</h3>
-
-<ul>
- <li><a href="/fr/docs/Learn/CSS/First_steps/How_CSS_is_structured">Syntaxe CSS</a></li>
- <li><a href="/fr/docs/Web/CSS/At-rule">Règles @ (<em>at-rules</em>)</a></li>
- <li><a href="/fr/docs/Learn/CSS/Building_blocks/Cascade_and_inheritance">Cascade</a></li>
- <li><a href="/fr/docs/Web/CSS/Comments">Commentaires</a></li>
- <li><a href="/fr/docs/Glossary/Descriptor_(CSS)">Descripteurs</a></li>
- <li><a href="/fr/docs/Web/CSS/inheritance">Héritage</a></li>
- <li><a href="/fr/docs/Web/CSS/Shorthand_properties">Propriétés raccourcies</a></li>
- <li><a href="/fr/docs/Learn/CSS/Building_blocks/Cascade_and_inheritance#sp%c3%a9cificit%c3%a9">Spécificité</a></li>
- <li><a href="/fr/docs/Web/CSS/Value_definition_syntax">Syntaxe de définition des valeurs</a></li>
- <li><a href="/fr/docs/Web/CSS/CSS_Values_and_Units">Unités et valeurs CSS</a></li>
-</ul>
-
-<h3 id="Valeurs">Valeurs</h3>
-
-<ul>
- <li><a href="/fr/docs/Web/CSS/actual_value">Valeur réelle</a></li>
- <li><a href="/fr/docs/Web/CSS/computed_value">Valeur calculée</a></li>
- <li><a href="/fr/docs/Web/CSS/initial_value">Valeur initiale</a></li>
- <li><a href="/fr/docs/Web/CSS/resolved_value">Valeur résolue</a></li>
- <li><a href="/fr/docs/Web/CSS/specified_value">Valeur spécifiée</a></li>
- <li><a href="/fr/docs/Web/CSS/used_value">Valeur utilisée</a></li>
-</ul>
-
-<h3 id="Disposition">Disposition</h3>
-
-<ul>
- <li><a href="/fr/docs/Web/Guide/CSS/Block_formatting_context">Contexte de formatage de bloc</a></li>
- <li><a href="/fr/docs/Learn/CSS/Building_blocks/The_box_model">Modèle de boîte</a></li>
- <li><a href="/fr/docs/Web/CSS/Containing_block">Bloc englobant</a></li>
- <li><a href="/fr/docs/Web/CSS/Layout_mode">Modes de disposition</a></li>
- <li><a href="/fr/docs/Web/CSS/CSS_Box_Model/Mastering_margin_collapsing">Fusion des marges</a></li>
- <li><a href="/fr/docs/Web/CSS/Replaced_element">Éléments remplacés</a></li>
- <li><a href="/fr/docs/Web/CSS/CSS_Positioning/Understanding_z_index/The_stacking_context">Contexte d'empilement</a></li>
- <li><a href="/fr/docs/Web/CSS/Visual_formatting_model">Modèle de mise en forme visuelle</a></li>
-</ul>
-
-<h2 id="DOM-CSS_CSSOM">DOM-CSS / CSSOM</h2>
-
-<h3 id="Principaux_types_dobjets">Principaux types d'objets</h3>
-
-<ul>
- <li>{{DOMxRef("Document.styleSheets")}}</li>
- <li><code>{{DOMxRef("StyleSheetList", "styleSheets", "", 1)}}[i].{{DOMxRef("CSSRuleList", "cssRules", "", 1)}}</code></li>
- <li><code>cssRules[i].{{DOMxRef("CSSRule.cssText", "cssText", "", 1)}}</code> (sélecteur et style)</li>
- <li><code>cssRules[i].{{DOMxRef("CSSStyleRule.selectorText", "selectorText", "", 1)}}</code></li>
- <li>{{DOMxRef("HTMLElement.style")}}</li>
- <li><code>HTMLElement.style.{{DOMxRef("CSSStyleDeclaration.cssText", "cssText", "", 1)}}</code> (style uniquement)</li>
- <li>{{DOMxRef("Element.className")}}</li>
- <li>{{DOMxRef("Element.classList")}}</li>
-</ul>
-
-<h3 id="Méthodes_importantes">Méthodes importantes</h3>
-
-<ul>
- <li>{{DOMxRef("CSSStyleSheet.insertRule()")}}</li>
- <li>{{DOMxRef("CSSStyleSheet.deleteRule()")}}</li>
-</ul>
-
-<h2 id="Voir_aussi">Voir aussi</h2>
-
-<ul>
- <li><a href="/fr/docs/Web/CSS/Mozilla_Extensions">Extensions spécifiques de Mozilla à CSS</a> (préfixées avec <code>-moz-</code>)</li>
- <li><a href="/fr/docs/Web/CSS/WebKit_Extensions">Extensions spécifiques de WebKit à CSS</a> (préfixées pour la plupart avec <code>-webkit-</code>)</li>
- <li><a href="/fr/docs/Web/CSS/Microsoft_Extensions">Extensions spécifiques de Microsoft à CSS</a> (préfixées pour la plupart avec <code>-ms-</code>)</li>
-</ul>
+Sont indiqués dans ce qui suit les divers [sélecteurs](/fr/docs/Web/CSS/CSS_Selectors), qui permettent aux styles d'être appliqués de façon conditionnelle selon diverses caractéristiques des éléments présents dans le DOM.
+
+### [Sélecteurs simples](/fr/docs/Web/CSS/CSS_Selectors#les_s%c3%a9lecteurs_simples/fr/docs/web/css/s%c3%a9lecteurs_css)
+
+Les sélecteurs simples sont des sélecteurs fondamentaux. Ce sont les sélecteurs les plus élémentaires qui sont fréquemment combinés pour créer d'autres sélecteurs plus complexes.
+
+- [Sélecteur de type](/fr/docs/Web/CSS/Type_selectors) `nomElement`
+- [Sélecteur de classe](/fr/docs/Web/CSS/Class_selectors) `.nomClasse`
+- [Sélecteur d’identifiant](/fr/docs/Web/CSS/ID_selectors) `#nomID`
+- [Sélecteur universel](/fr/docs/Web/CSS/Universal_selectors) **`*`**, `ns|*`, **`*|*`**, **`|*`**
+- [Sélecteur d’attribut](/fr/docs/Web/CSS/Attribute_selectors) `[attr=valeur]`
+
+### Sélecteur de groupe
+
+- [Sélecteur de conjonction](/fr/docs/Web/CSS/Selector_list) `A, B`
+ - : Indique que les éléments des sélecteurs `A` et `B` doivent être sélectionnés. Il s'agit d'une méthode de groupement pour sélectionner des éléments selon plusieurs critères.
+
+### [Combinateurs](/fr/docs/Web/CSS/CSS_Selectors#les_combinateurs)
+
+Les combinateurs sont des sélecteurs qui établissent une relation entre deux sélecteurs ou plus, tel que "A est un enfant de B" ou "A est adjacent à B".
+
+- [Combinateur de voisin direct](/fr/docs/Web/CSS/Adjacent_sibling_combinator) `A + B`
+ - : Indique que les éléments sélectionnés par `A` et par `B` ont le même parent et que celui sélectionné par `B` suit immédiatement celui sélectionné par `A`.
+- [Combinateur de voisin général](/fr/docs/Web/CSS/General_sibling_combinator) `A ~ B`
+ - : Indique que les éléments sélectionnés par `A` et par `B` ont le même parent et que celui sélectionné par `B` suit celui sélectionné par `A`, mais pas nécessairement immédiatement après lui.
+- [Combinateur d’enfant](/fr/docs/Web/CSS/Child_combinator) `A > B`
+ - : Indique que l’élément sélectionné par `B` est un enfant direct de l’élément sélectionné par `A`.
+- [Combinateur de descendant](/fr/docs/Web/CSS/Descendant_combinator) `A B`
+ - : Indique que l’élément sélectionné par `B` est un descendant de l’élément sélectionné par `A`, mais n’en est pas nécessairement un enfant direct.
+- [Combinateur de colonne](/fr/docs/Web/CSS/Column_combinator) `A || B` {{Experimental_Inline}}
+ - : Indique que l’élément sélectionné par `B` est situé dans la colonne de table indiquée par `A`. Les éléments qui s’étendent sur des colonnes multiples sont considérés comme étant membres de chacune de ces colonnes.
+
+### Pseudo
+
+- [Pseudo-classes](/fr/docs/Web/CSS/Pseudo-classes) `:`
+ - : Définit un état spécial pour le ou les éléments ciblés.
+- [Pseudo-éléments](/fr/docs/Web/CSS/Pseudo-elements) `::`
+ - : Représente des entités qui ne sont pas incluses en HTML.
+
+> **Remarque :**
+>
+> See also [Selectors in the Selectors Level 4 specification](https://www.w3.org/TR/selectors/#overview).
+
+## Concepts
+
+### Syntaxe et sémantique
+
+- [Syntaxe CSS](/fr/docs/Learn/CSS/First_steps/How_CSS_is_structured)
+- [Règles @ (_at-rules_)](/fr/docs/Web/CSS/At-rule)
+- [Cascade](/fr/docs/Learn/CSS/Building_blocks/Cascade_and_inheritance)
+- [Commentaires](/fr/docs/Web/CSS/Comments)
+- [Descripteurs](</fr/docs/Glossary/Descriptor_(CSS)>)
+- [Héritage](/fr/docs/Web/CSS/inheritance)
+- [Propriétés raccourcies](/fr/docs/Web/CSS/Shorthand_properties)
+- [Spécificité](/fr/docs/Learn/CSS/Building_blocks/Cascade_and_inheritance#sp%c3%a9cificit%c3%a9)
+- [Syntaxe de définition des valeurs](/fr/docs/Web/CSS/Value_definition_syntax)
+- [Unités et valeurs CSS](/fr/docs/Web/CSS/CSS_Values_and_Units)
+
+### Valeurs
+
+- [Valeur réelle](/fr/docs/Web/CSS/actual_value)
+- [Valeur calculée](/fr/docs/Web/CSS/computed_value)
+- [Valeur initiale](/fr/docs/Web/CSS/initial_value)
+- [Valeur résolue](/fr/docs/Web/CSS/resolved_value)
+- [Valeur spécifiée](/fr/docs/Web/CSS/specified_value)
+- [Valeur utilisée](/fr/docs/Web/CSS/used_value)
+
+### Disposition
+
+- [Contexte de formatage de bloc](/fr/docs/Web/Guide/CSS/Block_formatting_context)
+- [Modèle de boîte](/fr/docs/Learn/CSS/Building_blocks/The_box_model)
+- [Bloc englobant](/fr/docs/Web/CSS/Containing_block)
+- [Modes de disposition](/fr/docs/Web/CSS/Layout_mode)
+- [Fusion des marges](/fr/docs/Web/CSS/CSS_Box_Model/Mastering_margin_collapsing)
+- [Éléments remplacés](/fr/docs/Web/CSS/Replaced_element)
+- [Contexte d'empilement](/fr/docs/Web/CSS/CSS_Positioning/Understanding_z_index/The_stacking_context)
+- [Modèle de mise en forme visuelle](/fr/docs/Web/CSS/Visual_formatting_model)
+
+## DOM-CSS / CSSOM
+
+### Principaux types d'objets
+
+- {{DOMxRef("Document.styleSheets")}}
+- `{{DOMxRef("StyleSheetList", "styleSheets", "", 1)}}[i].{{DOMxRef("CSSRuleList", "cssRules", "", 1)}}`
+- `cssRules[i].{{DOMxRef("CSSRule.cssText", "cssText", "", 1)}}` (sélecteur et style)
+- `cssRules[i].{{DOMxRef("CSSStyleRule.selectorText", "selectorText", "", 1)}}`
+- {{DOMxRef("HTMLElement.style")}}
+- `HTMLElement.style.{{DOMxRef("CSSStyleDeclaration.cssText", "cssText", "", 1)}}` (style uniquement)
+- {{DOMxRef("Element.className")}}
+- {{DOMxRef("Element.classList")}}
+
+### Méthodes importantes
+
+- {{DOMxRef("CSSStyleSheet.insertRule()")}}
+- {{DOMxRef("CSSStyleSheet.deleteRule()")}}
+
+## Voir aussi
+
+- [Extensions spécifiques de Mozilla à CSS](/fr/docs/Web/CSS/Mozilla_Extensions) (préfixées avec `-moz-`)
+- [Extensions spécifiques de WebKit à CSS](/fr/docs/Web/CSS/WebKit_Extensions) (préfixées pour la plupart avec `-webkit-`)
+- [Extensions spécifiques de Microsoft à CSS](/fr/docs/Web/CSS/Microsoft_Extensions) (préfixées pour la plupart avec `-ms-`)