Référence CSS

Cette référence CSS fournit un index alphabétique de toutes les propriétés CSS standards, des pseudo-classes, des pseudo-éléments, des types de données et des règles @. Vous pouvez également trouver une liste alphabétique de tous les sélecteurs CSS par type et une liste des concepts clés de CSS. Enfin est inclus un bref sommaire de référence sur DOM-CSS / CSSOM.

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 les sélecteurs, pseudo-classes, et 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.

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, consultez ce tutoriel. Soyez conscient que n’importe quelle erreur de syntaxe 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égralement basées sur du texte (ASCII) alors que DOM-CSS / CSSOM (le système de gestion des règles) est basé sur des objets.

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

Sont indiqués dans ce qui suit les divers sé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.

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

Sélecteur de conjonction 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.

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 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 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 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 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 A || B

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.

• 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

• Valeur réelle
• Valeur calculée
• Valeur initiale
• Valeur résolue
• Valeur spécifiée
• Valeur utilisée

• 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

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

• CSSStyleSheet.insertRule() (en-US)
• CSSStyleSheet.deleteRule() (en-US)

• 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-)