Les styles CSS - Tutoriel
CSS
CSS = Cascading Style Sheets.
Soit en français les feuilles de styles en cascade.
CSS est un langage de mise en forme qui peut s'appliquer à de nombreux types de documents mais son utilisation la plus courante est la mise en forme des pages HTML ou des documents XML.
HTML comporte lui aussi des possibilités de mise en forme mais, depuis la version HTML5, la mise en forme directe
dans le document HTML est devenue obsolète.
Il est en effet souhaitable de séparer les données et la mise en forme :
- HTML véhicule les informations proprement dites,
- CSS s'occupe de leur mise en forme.
CSS est un langage déclaratif facile à appréhender. Sa seule difficulté est de comporter beaucoup de mots clés. Ce site est là pour vous aider à retrouver les syntaxes.
Où commencer ?
Pour découvrir les principes de base du CSS, commencez votre lecture par les tutoriels. Vous pouvez aussi accéder directement à :
- La référence des
selectors, ou despseudo-classesetpseudo-elements. - La liste des unités CSS.
- La liste des couleurs CSS.
- La liste des propriétés et de leurs valeurs, ainsi que la liste des fonctions sont accessibles à partir de la table des matières à gauche de l'écran ou du menu "hamburger" sur un mobile.
- Enfin, un index thématique est affiché ci-dessous.
Index thématique par modules.
La liste ci-dessous est celle des modules de standardisation publiés par le W3C. En cliquant sur un module, vous afficherez tous les termes définis dans ce module (propriétés, fonctions, etc.).
Compositions et mélanges
Définit le mélange des couleurs entre image(s) d'arrière-plan et couleur d'arrière-plan.
Gère l'interaction entre les couches.
Définit le mode de mélange entre le contenu et ce qui est visible en arrière-plan de l'élément.
CSS 2 - Spécification concernant les feuilles de styles en cascade - Version 2
Indique le jeu de caractères utilisé dans la feuille de styles.
Définit la position des puces ou des numéros dans une liste.
Définit un rectangle.
CSS 3 - Spécification concernant les feuilles de styles en cascade - Version 3
Définit le positionnement des éléments contenus dans un container box, suivant l'axe secondaire.
Définit si les éléments du container box se positionnent de gauche à droite ou de droite à gauche.
Définit si le container box peut comporter plusieurs lignes ou pas.
Permet d'appliquer quelques effets au texte : relief, bordure...
Définit si un algorithme de lissage doit être utilisé et lequel.
Événements de pointeur
Réaction au survol de la souris ou autre événement lié à la souris.
Media Queries
Définit une requête-média personnalisée.
Affectation de règles CSS en fonction du périphérique (smartphone, écran de bureau, etc...).
Module CSS - Adaptation du terminal
Définit les caractéristiques de la fenêtre d'affichage. Cette directive est une alternative à la balisse HTML .
Module CSS - Affichage
Définit la nature de l'élément et la façon de l'afficher.
Module CSS - Ajustement de la taille du texte
Définit comment les terminaux mobiles améliorent la lisibioité.
Module CSS - Ajustement des couleurs
Autorise ou non le navigateur à optimiser les couleurs
Indique si le navigateur doit optimiser les couleurs lors de l'impression du document.
Module CSS - Alignement des blocs
Disposition des lignes dans un flex-box ou une grille.
Disposition verticale des éléments dans un flex-box ou une grille.
Position verticale de l'un des éléments dans un flex-box ou une grille.
Définit l'espacement entre les colonnes.
Définit les espacements entre les lignes et entre les colonnes (grille, flex-box, colonnes).
Ajuste l'espacement des colonnes dans une grille.
Ajuste l'espacement des lignes et des colonnes dans une grille.
Ajuste l'espacement des lignes dans une grille.
Définit le positionnement suivant l'axe principal dans un flex-box ou une grille.
Gère l'alignement horizontal des éléments dans le container flex-box ou grille.
Définit le positionnement horizontal d'un élément particulier dans un flex-box ou une grille.
Disposition des éléments dans un flex-box ou une grille.
Définit l'alignement d'un élément aussi bien dans la direction inline que dans la direction block.
Définit l'espace entre les lignes d'une grille.
Module CSS - Animations
Définit le nom et les paramètres d'une animation.
Paramètres d'animation.
Temps d'attente avant le démarrage de l'animation.
Sens de l'animation (normal ou inverse).
Définit la durée totale de l'animation.
Style de remplacement lorsque l'animation n'est pas en cours.
Définit le nombre de fois qu'une animation doit être jouée.
Définit l'animation à appliquer à l'élément.
État de l'animation (en cours ou en pause).
Définit la fonction d'accélération à utiliser pendant une animation.
Module CSS - Annotations Ruby
Définit l'alignement des textes dans un syntaxe ruby.
Définit le mode de restitution des présentatino ruby multiples.
Gère le débordement des annotations dans une présenteation ruby.
Définit la position de l'annotation ruby par rapport à la base.
Module CSS - Arrière-plans et bordures
Résumé des propriétés de l'arrière-plan.
Mode de défilement de l'image d'arrière-plan.
Définit l'étendue de l'arrière-plan, en particulier par rapport à la bordure et aux marges intérieures..
Définit la couleur de l'arrière-plan.
Image d'arrière-plan.
Position de l'image d'arrière-plan.
Définit comment se positionne l'image d'arrière-plan.
Définit comment est répété l'image d'arrière-plan.
Dimensionnement de l'image d'arrière-plan.
Propriété résumée qui définit l'ensemble des paramètres des bordures.
Définit le rayon de l'angle arrondi en bas à gauche.
Définit le rayon de l'angle arrondi en bas à droite.
Définit la couleur des bordures.
Résumé des propriétés des bordures réalisées avec des images.
Définit le débordement de l'image de bordure.
Définit comment l'image de bordure est répétée ou dilatée pour couvrir la zone voulue..
Définit comment l'image de bordure est découpée.
Définit l'image utilisée pour construire la bordure.
Définit l'épaisseur de la bordure lorsque cette dernière est réalisée avec une image.
Rayon des angles arrondis.
Type de bordure (simple, double, pointillé...).
Définit le rayon de l'angle arrondi en haut à gauche.
Définit le rayon de l'angle arrondi en haut à droite.
Définit l'épaisseur de la bordure de l'élément.
Applique un effet d'ombrage sur les blocs.
Module CSS - Cascade et héritage
Module CSS - Couleurs
Spécifie un profil colorimétrique qui pourra ensuite être utilisé par la fonction
color().Définit la couleur de l'avant plan (texte essentiellement).
Définit une couleur dans un espace de couleurs autre que
sRGB.Détermine une couleur à partir des paramètres Teinte (Hue), Saturation et Luminosité.
Détermine une couleur et sa transparence à partir des paramètres Teinte (Hue), Saturation, Luminosité et Alpha.
Définit une couleur à partir de sa teinte et d'une dose de noir et de blanc.
Définit une couleur dans le système
L*a*b*.Définit une couleur dans le système
L*C*H*.Définit une couleur dans le système
L*a*b* avec une correction perceptive.Définit une couleur dans le système
L*C*H* avec une correction perceptive.Opacité (ou transparence).
Détermine une couleur à partir des valeurs de Rouge, de Vert et de Bleu.
Détermine une couleur et sa transparence à partir des valeurs de Rouge, de Vert, de Bleu et de la valeur Alpha.
Module CSS - Débordements
Gère l'affichage d'une marque de suite à la fin d'un élément lorsque le contenu déborde de ce dernier.
Gestion des débordements, lorsque le contenu est trop grand pour les dimensions imposées à l'élément.
Gestion des débordements dans la direction secondaire.
Définit la marge de débordement, lorsque le contenu est plus grand que l'élément.
Gestion des débordements dans la direction principale.
Gestion du débordement dans le sens horizontal.
Gestion du débordement dans le sens vertical.
Choisit entre un défilement brutal ou progressif de la page.
Réserve ou non la gouttière pour une barre de défilement.
Définit l'indicateur de débordement du texte.
Module CSS - Décoration du texte
Choisit le soulignement, le surlignement ou la rayure du texte.
Définit la couleur du trait de décoration.
Type de décoration : souligné, barré, etc.
Propriété raccourcie définissant certaines particularités relatives aux décorations.
Définit comment les décorations héritées des éléments parents doivent être appliquées.
Définit si les lignes de décoration (essentiellement le souligné) s'interrompent au niveau des jambages.
Définit comment les décorations de l'élément lui même (et non pas celles des éléments parents) doivent être appliquées.
Définit si les décoration du ou des éléments parents doivent être appliquées à cet élément.
Définit si les lignes de décoration (soulignement, rayure...) concernent les espaces.
Type de trait pour la décoration : plein, pointillé, etc.
Définit l'épaisseur des traits de décoration (souligné, barré, surligné).
Mise en exergue du texte.
Définit la couleur des caractères de mise en exergue.
Position des caractères de mise en exergue.
Définit si les mises en exergue doivent s'interrompre sur les espaces, les signes de ponctuation, etc.
Style de mise en exergue.
Définit tous les paramètres d'une ombre appliquée au texte.
Définit la position du trait de soulignement, par rapport à la position de base.
Module CSS - Dimensionnement des blocs
Définit le ratio entre la largeur et la hauteur de l'élément.
Définit la dimension d'un l'élément suivant la direction des blocs.
Mode de calcul des dimensions de blocs.
Calcule une dimension en fonction du contenu et de limites.
Hauteur de l'élément.
Définit la dimension de l'élément dans la direction des lignes.
Définit la hauteur maximale de l'élément.
Définit la largeur maximale de l'élément.
Définit la hauteur minimale de l'élément.
Définit la largeur minimale de l'élément.
Largeur de l'élément.
Module CSS - Éléments positionnés
Définit l'espace entre le bas de l'élément (s'il est positionné) et le bas de son parent.
Pur un élément positionné, définit l'emplacement du côté fin de block.
Définit l'emplacement d'en élément positionné.
Sur un élément positionné, définit l'emplacement du bord situé en fin de ligne.
Pour un élément positionné, définit l'emplacement du côté début de ligne.
Pour un élément positionné, définit l'espace entre le bord gauche de l'élément et le bord gauche de son parent.
Mode de positionnement.
Pour un élément positionné, définit l'espace entre le bord droit de l'élément et le bord droit de son parent.
Pour un élément positionné, définit l'espace entre le haut de l'élément et le haut de son parent.
Plan d'affichage (dessus, dessous).
Module CSS - Fonctions d'accélération
Détermine une progression non linéaire pour les animations.
Définit une animation saccadée, pas par pas.
Module CSS - Formes de base
Définit un cercle.
Définit une ellipse.
Définit un rectangle, utilisable pour découper une image.
Définit un contour d'après la syntaxe SVG d'un chemin.
Définit une forme.
Définit le seuil de transparence en vu de l'habillage d'une image.
Définit la marge pour l'habillage d'un élément flottant.
Définit le contournement du texte pour un élément flottant.
Module CSS - Fragmentation
Gestion de la présentation des éléments fragmentés sur plusieurs lignes.
Interdit ou impose des sauts (page, colonne...) après l'élément.
Interdit ou impose des sauts (page, colonne...) avant l'élément.
Définit si les sauts de colonne, de page, etc. sont permis dans l'élément.
Gestion des coupures en bas de page ou de colonne.
Gestion des ruptures en haut de page ou de colonne.
Module CSS - Génération de contenu
Ajoute du contenu dans le document.
Utilisée avec la propriété content, cette fonction permet d'insérer des points de suite.
Caractères utilisés pour les guillemets.
Renvoie la valeur d'un compteur, qui peut être insérée dans le document avec la propriété content.
Renvoie la valeur hiérarchique d'un compteur, qui pourra être insérée dans le document avec la propriété content.
Renvoie le texte d'un élément désigné par une URL.
Module CSS - Images
Définit un dégradé de couleurs conique.
Réalise le mélange de plusieurs images.
Récupère l'aspect d'un élément sous forme d'une image.
Désigne ou définit une image.
Définit l'orientation d'une image (doit-elle être tournée ?)
Mode de mise à l'échelle des images.
Détermine un dégradé de couleur linéaire.
Définit comment un contenu multimédia (image, vidéo) doit s'adapter aux dimensions de son contenant.
Position d'une image ou d'une vidéo par rapport à son container.
Détermine un dégradé de couleur radial (depuis le centre vers les bords).
Définit un dégradé de couleurs conique, avec répétition
Détermine un dégradé de couleur linéaire avec répétition.
Détermine un dégradé de couleur radial avec répétition.
Module CSS - Interface utilisateur de base
Définit la couleur des élément actifs, cochés.
Définit toutes les propriétés nécessaires pour qu'un élément soit affiché comme un bouton, un menu, etc.
Définit la couleur et la forme du marqueur de texte.
Choisit la couleur du marqueur de texte (curseur clignotant).
Définit la forme du curseur de texte.
Définit la forme du curseur de la souris.
Définit l'accessibilité d'une zone de saisie.
Résumé des caractéristiques d'encadrement.
Définit la couleur de l'encadrement (outline).
Définit l'espacement entre le contour et l'élément.
Définit le type de trait des contours (simple, double, pointillé...).
Définit l'épaisseur du trait d'encadrement.
Autorise ou empêche le dimensionnement de l'élément. par l'utilisateur.
Définit si le contenu d'un élément est sélectionnable par l'utilisateur ou non.
Module CSS - Listes et compteurs
Renvoie la valeur actuelle d'un compteur.
Définit le pas d'incrémentation d'un compteur.
Initialise un compteur.
Change la valeur d'un ou de plusieurs compteurs.
Renvoie la valeur d'un compteur hiérarchique.
Résumé des caractéristiques de listes à puces ou numérotées.
Définit une image à utiliser à la place des puces.
Définit l'emplacement des marqueurs de listes (puces ou numéros).
Définit le type des puces ou de la numérotation.
Définit le côté où se positionne le marqueur de liste (fonction de la langue).
Module CSS - Masquage
Définit la partie visible de l'élément (découpage).
Définit la partie visible de l'élément, délimitée par une forme géométrique (rectangle, polygone...)
Définit comment gérer les formes creuses.
Résumé des paramètres de masquage.
Définit tous les paramètres d'un masque pour la bordure d'un élément.
Définit comment le masque doit agir (luminance, alpha).
Définit le décalage éventuel du masque de bordure éventuel par rapport à l'élément.
Définit le mode de répétition du masque.
Définit comment l'image utilisée comme masque doit être découpée.
Désigne l'image qui sera utilisée comme masque (masque du type bordure).
Définit l'épaisseur de la bordure pour l'application d'un masque.
Définit la zone concernée par le masquage.
Définit comment seront combinés les masques lorsque plusieurs sont appliqués sur un élément.
Désigne l'image ou le fichier SVG qui sera utilisé comme masque.
Définit le mode de masquage (couche alpha, luminance...)
Définit la référence pour le positionnement du masque.
Position du masque.
Définit le mode de répétition du masque lorsque celui-ci est plus petit que l'élément à masquer.
Fixe les dimensions du masque.
Module CSS - Media paginé
Pseudo-classe désignant le première page.
Pseudo-classe désignant les pages de gauche (pages paires).
Pseudo-classe désignant les pages de droite (pages impaires).
Caractéristiques de la page, à l'impression.
Choisit les traits de coupe et repères d'alignement.
Gestion des sauts de page après l'élément.
Gestion des sauts de page avant l'élément.
Gestion des sauts de page au milieu de l'élément.
Dimensions et orientation des pages imprimées.
Module CSS - Mise en page en ligne
Définit comment un élément est aligné, dans le sens vertical, par rapport à son parent.
Définit la ligne de base utilisée pour les alignements verticaux de textes.
Définit la hauteur des lignes de texte.
Alignement vertical.
Module CSS - Mise en page multi-colonnes
Définit le nombre de colonnes, dans une mise en page sur plusieurs colonnes.
Gère la répartition du contenu entre les colonnes.
Définit tous les paramètres du trait de séparation entre les colonnes.
Définit la couleur des lignes de séparation de colonnes.
Choisit le type de trait pour la séparation des colonnes.
Définit l'épaisseur du trait de séparation entre les colonnes.
Gère le chevauchement du contenu sur plusieurs colonnes.
Définit la largeur des colonnes.
Définit les caractéristiques d'une mise en page sur plusieurs colonnes.
Module CSS - Mise en page par flex-box
Propriété raccourcie pour définir les principales caractéristiques d'un flex-box et des éléments internes.
Détermine la dimension par défaut d'un élément contenu dans un flex-box.
Choisit l'axe principal et l'axe secondaire d'un flex box.
Echaînement des éléments enfant dans un flex-box.
Autorise ou non l'agrandissement d'un élément contenu dans un flex-box.
Autorise ou non la compression d'un élément contenu dans un flex-box.
Gestion des retours à la ligne dans un container flex.
Ordre des éléments dans un flex-box.
Module CSS - Mise en page par grille
Propriété raccourcis définissant les principaux paramètres d'une grille.
Positionne un élément dans une zone nommée de la grille.
Mode de calcul des colonnes 'auto' dans une grille.
Mode de calcul de l'emplacement des éléments dans la grille.
Mode de calcul de la hauteur 'auto' des lignes dans une grille.
Numéro de colonne(s) d'un élément dans une grille.
Numéro de la colonne de fin d'un élément dans une grille.
Numéro de la colonne de début d'un élément dans une grille.
Numéro des lignes d'un élément dans une grille.
Numéro de la ligne de fin d'un élément dans une grille.
Numéro de la ligne de départ d'un élément dans une grille.
Largeur des colonnes et hauteur des lignes d'une grille.
Définition de zones nommées dans une grille
Définition du nombre et de la largeur des colonnes d'une grille.
Définition du nombre et de la hauteur des lignes d'une grille.
Renvoie une valeur comprise dans une fourchette.
Répète une valeur un certain nombre de fois.
Module CSS - Modèle de blocs
Résumé des quatre marges.
Définit la marge après le bloc, compte-tenu du sens d'écriture.
Définit la marge avant le bloc, compte-tenu du sens d'écriture.
Marge du bas.
Définit la marge après la fin de ligne, compte-tenu du sens d'écriture.
Définit la marge avant le début des lignes de texte, compte-tenu du sens d'écriture.
Marge de gauche.
Marge de droite.
Marge du haut.
Définit la gestion des marges successives au sein d'un même container.
Marges intérieures des quatre cotés.
Définit la maarge intérieure à la fin du bloc, compte-tenu du sens d'écriture.
Définit la marge intérieure au début du bloc, compte-tenu du sens d'écriture.
Marge intérieure en bas.
Définit la marge intérieure du côté de la fin des lignes de texte, compte-tenu du sens d'écriture.
Définit la marge intérieure du côté du début des lignes de texte, compte-tenu du sens d'écriture.
Marge intérieure à gauche.
Marge intérieure à droite.
Marge intérieure en haut.
Module CSS - Modes d'écriture
Définit le sens d'écriture (de gauche à droite ou de droite à gauche).
Définit l'orientation de groupes de caractères, dans le cas d'une écriture verticale.
Définit l'orientation des caractères dans le cas d'une écriture dans le sens vertical.
Gestion des possibilités d'écriture bidirectionnelle de Unicode.
Sens et direction d'écriture (horizontale ou verticale).
Module CSS - Pages flottantes
Autorise ou interdit le côtoiement des éléments (habillage).
Positionnement relatif des éléments les uns par rapport aux autres.
Définit par rapport à quoi les éléments flottants doivent se positionner.
Module CSS - Parole (TTS)
Détermine le son à jouer avant et après la restitution sonore d'un élément.
Séquence sonore à jouer après la lecture d'un élément.
Séquence sonore à jouer avant la lecture d'un élément.
Définit le silence avant et après la restitution sonore d'un élément.
Définit le silence après la restitution sonore de l'élément
Définit le silence avant la restitution sonore de l'élément
Définit la durée d'un silence avant ou après la restitution sonore d'un élément.
Définit la durée d'un silence éventuel après la restitution sonore d'un élément.
Définit la durée du silence éventuel avant la restitution sonore d'un élément.
Définit si l'élément doit être lu lors d'une restitution sonore
Définit comment doit être lu le contenu d'un élément lors d'une restitution sonore de la page.
Contrôle la distribution sonore entre gauche et droite (lors d'une restitution vocale).
Définit le temps que devra durer la restitution sonore de l'élément.
Définit le type de voix à utiliser pour la restitution sonore (homme, femme, enfant...).
Définit la fréquence de la voix (plus ou moins aiguë) dans le cas d'une restitution sonore du document.
Définit la plage dans laquelle la fréquence de la voix peut varier (dans le contexte d'une restitution sonore).
Définit le débit de paroles (en mots par minutes) dans le cas d'une restitution sonore du document.
Définit l'accentuation de la voix, dans le cas d'une restitution sonore de l'élément.
Définit le volume de la voix lors de la restitution sonore du document.
Module CSS - Polices de caractères
Définit tous les paramètres d'une police de caractères téléchargeable.
Définit les variantes typographiques à utiliser.
Définit une palette de couleurs appliable ensuite à une police de caractères.
Raccourci pour définir la plupart des propriétés concernant les polices de caractères.
Définit le nom de la police de caractères.
Permet d'exploiter les fonctionnalités spécifiques des polices de caractères OTF, WOFF, etc.
Ajustement du crénage entre caractères.
Définit le langage à prendre en compte lors du choix des caractères.
Optimise la forme des caractères en fonction de leur taille.
Définit la palette de couleurs utilisable pour les polices de caractères colorées.
Ajuste la taille des caractères.
Définition du coefficient d'aspect de la police.
Modifie l'étirement ou la compression des caractères.
Sélectionne les styles italique ou oblique de la police de caractères.
Autorise ou non le calcul des styles manquants dans la police de caractères.
Autorise ou non le navigateur à calculer le glyphes des caractères en petites capitales.
Définit si le navigateur est autorisé à synthétiser les formes italiques des caractères.
Définit si le navigateur peut calculer ou non le glyphe des caractères gras.
Raccourci permettant de définir les attributs typographiques évolués : ligatures, substitution de caractères, etc.
Définit la substitution de caractères (polices OTF, WOFF).
Applique une capitalisation des caractères.
Typographie spécifique aux caractères chinois ou japonais.
Choisit entre une présentation en emoji ou en texte.
Active ou désactive la ligature des caractères.
Définit le mode d'affichage des nombres évolués : fractions, numéros, etc.
Mise en exposant ou en indice des caractères.
Donne accès aux possibilités stylistiques des polices OTF
Sélectionne une graisse pour les caractères.
Module CSS - Propriétés et valeurs logiques
Définit la position de l'élément lorsque celui-ci est positionné autrement qu'en statique.
Définit l'emplacement d'un élément positionné dans la direction 'block'.
Définit l'emplacement d'un élément positionné dans la direction 'inline'.
Définit une limite maximale pour la taille d'un élément, dans la direction des blocs.
Définit une limite maximale pour la taille d'un élément, dans la direction des lignes.
Définit une limite minimale pour la dimension d'un élément, dans la direction des blocs.
Définit une limite minimale pour la dimension d'un élément, dans la direction des lignes.
Module CSS - Propriétés personnalisées (variables) - Niveau 1
Récupère la valeur d'une propriété personnalisée (variable).
Module CSS - Pseudo-éléments
Pseudo-élément désignant l'emplacement situé juste après un élément.
Pseudo-élément désignant l'emplacement situé juste avant un élément.
Désigne le bouton dans une zone de saisie du type
file.Pseudo-élément désignant la première lettre du texte.
Pseudo-élément désignant la première ligne du texte.
Pseudo-élément correspondant aux textes comportant des fautes de grammaire.
Désigne l'élément ou le texte sélectionné lorsque la fenêtre sur laquelle il se trouve n'est pas active.
Pseudo-élément désignant le marqueur dans une liste (puce ou numéro).
Pseudo-élément désignant le texte d'information dans une zone de saisie.
Pseudo-élément désignant le contenu sélectionné par l'utilisateur.
Pseudo-élément désignant les mots ou les textes comportant des fautes d'orthographe.
Sélectionne le texte de l'élément désigné par le signet de l'url.
Module CSS - Régions
Module CSS - Règles conditionnelles
Complète la directive
@when. Définit des règles CSS qui ne seront traitées que sous certaines condidions.Teste la compatibilité du navigateur avec la syntaxe indiquée.
Définit des règles CSS conditionnelles, qui ne seront traitées que sous certaines conditions.
Module CSS - Styles de compteurs
Définition d'un compteur personnalisé.
Définit tous les paramètres d'une numérotation
Module CSS - Stylisation des barres de défilement
Définit deux couleurs qui seront appliquées sur les barres de défilement.
Définit le style (et la taille) des barres de défilement.
Module CSS - Tableaux
Mode d'encadrement des cellules de tableau.
Espacement entre les cellules adjacentes dans un tableau.
Positionne le titre d'un tableau.
Mode d'affichage des cellules vides.
Mode de calcul des largeurs de colonnes et de tableaux.
Module CSS - Texte
Définit la ponctuation suspendue (caractères autorisés à déborder dans la marge).
Définit le caractère qui sera à utiliser comme marque de césure.
Définit le nombre minimal de caractères pour autoriser la césure d'un mot.
Définit si les césures sont autorisées à la fin d'une colonne, d'une page, etc.
Définit le nombre maximal de lignes successives se terminant une césure
Définit le nombre maximal d'espaces pour autoriser ou interdire la césure.
Césure des mots.
Espacement des lettres.
Rupture de lignes pour les langues CJK (chinois, japonais, coréen).
Gestion des coupures de mots.
Taille des caractères de tabulation.
Alignement du texte.
Définit l'alignement des lignes d'un texte.
Alignement de la dernière ligne des paragraphes.
Définit le retrait de la première ligne des paragraphe (indentation).
Sélectionne la méthode utilisée pour justifier le texte.
Définit comment gérer les espaces et les espaces multiples dans le texte.
Définit si les espaces au début et à la fin du texte de l'élément doivent être conservés ou supprimés.
Casse du texte (minuscules, majuscules...).
Définit la gestion des retours à la ligne du texte.
Définit la gestion des espaces multiples et des retours chariot.
Définit quelle logique le navigateur doit utilier pour identifier les limites des mots.
Substitue certains caractères de séparation de mots par d'autres.
Coupure des mots longs.
Permet d'ajuster l'espacement des mots.
Coupure des mots.
Module CSS - Transformations
Visibilité de la face arrière de l'élément (pendant sa rotation).
Applique une transformation composite à un élément (translations, rotations...)
Applique une série de transformations 3D à un élément.
Effet de perspective appliqué à un élément ayant subi une transformation 3D.
Définit la hauteur de l'observateur dans le cas d'une transformation 3D.
Position de l'observateur dans le cas d'une déformation 3D avec perspective.
Définit une rotation de l'élément.
Définit une rotation de l'élément en 2D (dans le plan de l'écran).
Définit une rotation 3D de l'élément autour d'un axe quelconque en 3D.
Définit une rotation de l'élément autour de l'axe X (en 3D),
Définit une rotation 3D de l'élément autour de l'axe Y.
Définit une rotation de l'élément autour de l'axe Z.
Définit un mise à l'échelle de l'élément (agrandissement ou réduction).
Définit un agrandissement ou une réduction de l'élément.
Définit une mise à l'échelle en 3D.
Définit une mise à l'échelle suivant l'axe X.
Définit une mise à l'échelle suivant l'axe Y.
Définit une mise à l'échelle suivant l'axe Z.
Définit une inclinaison de l'élément suivant les axes X et/ou Y.
Définit une inclinaison de l'élément suivant l'axe X.
Définit une inclinaison de l'élément suivant l'axe Y.
Applique une ou plusieurs transformations géométriques (rotations, agrandissements, etc.).
Définit la boîte de référence pour les transformations.
Point d'origine pour certaines transformations.
Rendu des éléments soumis à une transformation 3D.
Définit une translation de l'élément (un déplacement).
Applique une translation (un déplacement ) à un élément.
Définit une translation en 3D suivant un ou plusieurs des axes X,Y et Z.
Définit une translation suivant l'axe X (horizontalement).
Définit une translation suivant l'axe Y (verticalement).
Définit une translation suivant l'axe Z (perpendiculaire à l'écran).
Définit un agrandissement ou une réduction de l'élément.
Module CSS - Transitions
Effet d'animation simple.
Définit le temps d'attente avant que la transition ne commence.
Définit la durée d'une transition.
Définit la ou les propriétés sur lesquelles doit s'appliquer une transition.
Propriété définissant la fonction d'accélération à utiliser pendant une transition.
Module CSS - Valeurs et unités
Calcule la valeur absolue d'un nombre.
Calcule l'angle dont le cosinus vaut la valeur indiquée.
Calcule l'angle dont le sinus vaut la valeur indiquée.
Calcule l'angle dont la tangente vaut la valeur indiquée.
Calcule l'angle entre l'axe des abscisses et la droite reliant le point origine au point indiqué.
Renvoie la valeur d'un attribut.
Calcule une valeur pour une propriété.
Calcule une valeur entre deux valeurs extrêmes.
Calcul le cosinus d'un angle.
Calcule l'exponentielle d'un nombre.
Calcule la racine carrée d'une somme de carrés de nombres.
Calcule le logarithme d'un nombre.
Détermine la valeur la plus petite parmi une série de valeurs.
Détermine la valeur la plus grande parmi une série de valeurs.
Calcule le reste de la division entière entre deux nombres.
Calcule une mise à l'exposant
Calcule le reste de la division entière de deux nombres.
Calcule l'arrondi d'un nombre.
Calcule le signe d'un nombre.
Calcule le sinus d'un angle.
Calcule la racine carrée d'un nombre.
Calcule la tangente d'un angle.
Spécifie l'adresse d'un élément tel qu'une image par exemple.
Module CSS - Will change - Niveau 1
Indique les propriétés qui risquent d'être modifiées ou animées, afin que le navigateur puisse optimiser son traitement.
Module filtres et effets
Applique un filtre graphique sur l'élément situé en arrière plan.
Applique un effet de flou.
Ajuste la luminosité d'un élément.
Définit dans quel espace de couleurs sont calculés les effets de filtrage.
Ajuste le contraste d'une image.
Définit l'ombre d'un élément (dimensions, flou, couleur).
Applique un filtre graphique (flou, contraste...) à un élément.
Convertit une image en nuances de gris (noir et blanc).
Change les couleurs d'une image (rotation des teintes).
Inverse les couleurs d'une image.
Détermine le degré de transparence d'un élément.
Définit la saturation des couleurs d'une image.
Applique un effet sépia à une image.
Sélecteurs
Cible l'élément ajouté par les navigateurs en arrière des boites de dialogue ou des éléments affichés en plein écran.
Pseudo classe désignant l'élément qui est actif (celui qui est cliqué ou touché).
Pseudo-classe obsolète. A été remplacée par
:is().Pseudo-classe désignant tous les liens (visités ou non).
Pseudo-classe désignant les éléments de saisie dont le contenu a été renseigné automatiquement par le navigateur.
Pseudo classe désignant les zones de saisie vides.
Pseudo-classe désignant un élément en train d'attendre les données (comme une vidéo par exemple).
Pseudo-classe désignant les cases à cocher (ou boutons radio) qui sont cochés, ainsi que les éléments de menu sélectionnés.
Pseudo-classe désignant un élément pouvant être soit ouvert, soit fermé, comme un menu select , et qui se trouve dans l'état fermé.
Pseudo-classe qui désigne l'élément courant, par exemple celui qui est en cours de lecture dans le cas d'une restitution sonore.
Pseudo-classe désignant les cases à cocher et boutons radio qui sont cochés par défaut.
Pseudo-classe désignant les éléments définis (notion variable suivant le langage).
Pseudo-classe permettant de désigner des éléments en fonction du sens d'écriture
Pseudo-classe désignant les zones de saisie veerrouillées.
Pseudo-classe désignant les éléments sans contenu.
Pseudo-classe désignant les zones de saisies non verrouillées.
Pseudo-classe désignant le premier enfant d'un élément.
Pseudo-classe désignant les premiers éléments de chaque type.
Pseudo-classe désignant la zone de saisie qui a le focus.
Pseudo-classe désignant la zone de saisie qui a le focus, mais uniquement si le navigateur matérialise ce focus (par une bordure plus épaisse par exemple).
Pseudo-classe désignant la zone de saisie qui a le focus, ainsi que le formulaire correspondant.
Pseudo-classe désignant les éléments affichés en plein écran.
Pseudo-classe qui désigne les éléments situés après l'élément courant (par exemple dans le cas d'une restitution sonore).
Pseudo-classe désignant un élément dont au moins un des enfants correspond à l'un des sélecteurs passés en argument.
Pseudo-classe désignant l'élément sur lequel se trouve la souris.
Pseudo-classe désignant les zones de saisie dont la valeur est dans la fourchette autorisée.
Pseudo classe désignant les zones de saisie dont la valeur est indéterminée.
Pseudo classe désignant les zones de saisie contenant une information invalide.
Pseudo-classe permettant de simplifier les syntaxes complexes faisant intervenir plusieurs sélecteurs.
Pseudo-classe désignant les élément à partir de leur langue.
Pseudo-classe désignant le dernier enfant d'un élément.
Pseudo-classe désignant les derniers éléments de chaque type.
Pseudo-classe désignant les liens hypertexte non visités.
Pseudo-class désignant les liens internes, à l'exclusion des liens pointant vers un autre domaine.
Pseudo-classe obsolète, remplacée par
is().Pseudo-classe désignant les éléments qui bloquent les interactions avec les autres éléments.
Pseudo-classe désignant un élément capable de produire du son, mais dont l'utilisateur a coupé le son.
Inverse l'action d'un sélecteur.
Pseudo-classe désignant un descendant d'après son numéro.
Pseudo-classe désignant une des colonnes dans un container grille
Pseudo-classe désignant un élément à partir de son numéro, en commençant par la fin.
Pseudo-classe désignant une des colonnes dans un container grille (en commençant le comptage par la fin).
Pseudo-classe désignant un élément à partir de son numéro en ne comptant que les éléments du même type et en commençant par la fin.
Pseudo-classe désignant un élément à partir de son numéro en ne comptant que les éléments du même type.
Pseudo-classe désignant les éléments qui sont fils uniques de leur parent.
Pseudo-classe désignant les éléments qui sont fils unique dans leur type.
Pseudo-classe désignant un élément pouvant être soit ouvert, soit fermé, comme select , et qui se trouve dans l'état ouvert.
Pseudo élément désignant les zones de saisie non obligatoires.
Pseudo-classe désignant les zones de saisie dont la valeur est en dehors de la plage autorisée.
Pseudo-classe qui désigne les éléments situés avant l'élément courant (par exemple dans le cas d'une restitution sonore).
Pseudo-classe désignant les éléments dont la lecture a été suspendue par l'utilisateur (par exemple une vidéo).
Pseudo classe désignant un élément (le plus souvent une vidéo) affiché dans une fenêtre ne défilant pas avec le reste de la page.
Pseudo-classe désignant les zones de saisie comportant un texte d'aide.
Pseudo-classe désignant les éléments en cours de lecture (par exemple une vidéo).
Pseudo-classe désignant les zones de saisie en lecture seule.
Pseudo-classe désignant les zones de saisie en lecture écriture.
Pseudo-classe désignant les zones de saisie obligatoires.
Pseudo-classe désignant l'élément racine.
Désigne l'élément courant. Utile dans le cas de rèlges imbriquées (nested CSS).
Pseudo-classe désignant un élément (une vidéo par exemple) dont la lecture est interrompue à la suite d'une erreur dans l'acquisition du flux.
Pseudo-classe désignant l'élément dont l'id figure dans l'url (signet).
Pseudo-classe désignant l'élément contenant l'élément dont l'id figure dans l'url.
Pseudo-classe désignant les zones de saisie dont la valeur est invalide.
Pseudo-classe désignant les zones de saisie dont la valeur est valide.
Pseudo-classe désignant les zones de saisie contenant une information valide.
Pseudo classe désignant les liens hypertexte déjà visités.
Pseudo-classe désignant un élément capable de produire du son, et dont le volume a été figé à une valeur fixe.
Pseudo-classe permettant de grouper des sélecteurs (équivalent du OU logique).
Styles pour la restitution vocale
Provenance horizontale du son.
Provenance verticale du son.
Timbre de voix.
Variation de timbre de la voix.
Son à restituer en fond.
Portée de la voix.
Mode de restitution des titres de tableaux.
Mode de restitution des nombres.
Mode de restitution de la ponctuation.
Débit de parole en mots par minutes.
Inflexion de la voix (calme, précipitée...).
Volume sonore.
SVG (Scalable Vector Graphics)
Active ou désactive le traitement de la typographie évoluée (ligatures, crénage...)