Cetteréférence CSS fournit unindex alphabétique de toutes les propriétésCSS standards, despseudo-classes, despseudo-éléments, destypes de données et desrègles @. Vous pouvez également trouver une liste alphabétique de tous lessélecteurs CSS par type et une liste desconcepts clés de CSS. Enfin est inclus un bref sommaire deréférence sur DOM-CSS / CSSOM.

Syntaxe de règle basique

Syntaxe de style basique

règle-de-style-basique ::=    liste-de-sélecteurs {      liste-de-propriétés    }

... où :

liste-de-sélecteurs ::=    sélecteur[:pseudo-classe] [::pseudo-élément]    [, liste-de-sélecteurs]liste-de-propriétés ::=    [propriété : valeur] [; liste-de-propriétés]

Voir aussi lessélecteurs,pseudo-classes, etpseudo-éléments listés ci-dessous. La syntaxe desvaleurs dépend du type de données attendu pour chaquepropriété indiquée.

Exemples de règle de style

strong {  color: red;}div.menu-bar li:hover > ul {  display: block;}

Pour une introduction à la syntaxe des sélecteurs CSS, consultezce tutoriel. Soyez conscient que n'importe quelle erreur desyntaxe CSS 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égralementbasées sur du texte (ASCII) alors que DOM-CSS / CSSOM (le système de gestion des règles) estbasé sur des objets.

Syntaxe des règles @

Comme la structure des règles @ varie grandement, veuillez consulterrègle @ pour trouver la syntaxe que vous souhaitez.

Index des mots-clés

Sélecteurs

Sont indiqués dans ce qui suit les diverssélecteurs, 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

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 typenomElement
• Sélecteur de classe.nomClasse
• Sélecteur d'identifiant#nomID
• Sélecteur universel*,ns|*,*|*,|*
• Sélecteur d'attribut[attr=valeur]

Sélecteur de groupe

Sélecteur de conjonctionA, B

Indique que les éléments des sélecteursA etB 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

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 directA + B

Indique que les éléments sélectionnés parA et parB ont le même parent et que celui sélectionné parB suit immédiatement celui sélectionné parA.

Combinateur de voisin généralA ~ B

Indique que les éléments sélectionnés parA et parB ont le même parent et que celui sélectionné parB suit celui sélectionné parA, mais pas nécessairement immédiatement après lui.

Combinateur d'enfantA > B

Indique que l'élément sélectionné parB est un enfant direct de l'élément sélectionné parA.

Combinateur de descendantA B

Indique que l'élément sélectionné parB est un descendant de l'élément sélectionné parA, mais n'en est pas nécessairement un enfant direct.

Combinateur de colonneA || BExpérimental

Indique que l'élément sélectionné parB est situé dans la colonne de table indiquée parA. 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:

Définit un état spécial pour le ou les éléments ciblés.

Pseudo-éléments::

Représente des entités qui ne sont pas incluses en HTML.

Concepts

Syntaxe et sémantique

• Syntaxe CSS
• Règles @ (at-rules)
• Cascade
• Commentaires
• Descripteurs
• Héritage
• Propriétés raccourcies
• Spécificité
• Syntaxe de définition des valeurs
• Unités et valeurs CSS

Valeurs

• Valeur réelle
• Valeur calculée
• Valeur initiale
• Valeur résolue
• Valeur définie
• Valeur utilisée

Disposition

• Contexte de formatage de bloc
• Modèle de boîte
• Bloc englobant
• Modes de disposition
• Fusion des marges
• Éléments remplacés
• Contexte d'empilement
• Modèle de mise en forme visuelle

DOM-CSS / CSSOM

Principaux types d'objets

• Document.styleSheets
• styleSheets[i].cssRules
• cssRules[i].cssText (sélecteur et style)
• cssRules[i].selectorText
• HTMLElement.style
• HTMLElement.style.cssText (style uniquement)
• Element.className
• Element.classList

Méthodes importantes

• CSSStyleSheet.insertRule()
• CSSStyleSheet.deleteRule()

Voir aussi

• Extensions spécifiques de Mozilla à CSS (préfixées avec-moz-)
• Extensions spécifiques de WebKit à CSS (préfixées pour la plupart avec-webkit-)
• Extensions spécifiques de Microsoft à CSS (préfixées pour la plupart avec-ms-)