Référence CSS

Aller à :
  1. Syntaxe de règle basique
  2. Index des mots-clés
  3. Sélecteurs
  4. Concepts
  5. DOM-CSS / CSSOM
  6. Voir aussi

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.

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 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.

Syntaxe des règles @

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

Index des mots-clés

Note : Les noms de propriétés de cet index n’incluent pas les noms de l’API DOM JavaScript lorsqu’ils sont différents des noms standards CSS.

-ABCDEFGHIJKLMNOPQRSTUVWXZOthers

Sélecteurs

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.

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.

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 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.

Pseudo-classes

Pseudo-éléments

Note : Une liste complète des sélecteurs existe dans le module de spécification Selectors de niveau 3.

Concepts

Syntaxe et sémantique

Valeurs

Disposition

DOM-CSS / CSSOM

Principaux types d'objets

Méthodes importantes

Voir aussi

Étiquettes et contributeurs liés au document

Étiquettes : 
Contributeurs à cette page : SphinxKnight, Camrifof, eiro, verdy_p, mdnwebdocs-bot, JNa0, TrisTOON, unsteadyCode, BEHOUBA, tonybengue, Oliviermoz, challet, teoli, thenew, Fredchat, wakka27, tregagnon, FredB, jackblack, Jeremie, openjck, groovecoder, ThePrisoner, BenoitL, Mgjbot, Nathymig
Dernière mise à jour par : SphinxKnight,