Guides CSS - CSS | MDN

HTML: Markup language
CSS: Styling language
JavaScript: Scripting language
Web APIs: Programming interfaces
Learn web development
Get to know MDN better
Cette page a été traduite à partir de l'anglais par la communauté. Vous pouvez contribuer en rejoignant la communauté francophone sur MDN Web Docs.
View in English Always switch to English
Cette page répertorie les modules CSS, qui reflètent la manière dont les spécifications CSS sont structurées. Chaque module fournit un aperçu de la spécification, liste les fonctionnalités qu'il offre (telles que les propriétés, les règles @ et les types de données) et montre comment elles se rapportent à d'autres parties du CSS et de la plateforme web. Vous pouvez utiliser les pages de modules comme point de départ pour naviguer à travers les guides associés et approfondir la documentation de référence pour des fonctionnalités spécifiques.
Pour accéder aux guides individuels de chaque module, cliquez sur le nom d'un module dans la liste suivante pour visiter sa page d'accueil, ou utilisez la barre latérale pour naviguer directement vers un sujet et découvrir tous les guides associés.
Le module d'affichage CSS définit la manière dont l'arborescence des boîtes de mise en forme CSS est générée à partir de l'arborescence des éléments du document, ainsi que les propriétés qui la contrôlent.
Le module d'ajustement de couleur CSS fournit un modèle et contrôle l'ajustement automatique des couleurs par l'agent utilisateur pour gérer les préférences de l'utilisateur·ice, telles que le « Mode sombre », l'ajustement du contraste et d'autres préférences de schéma de couleurs.
Le module d'alignement de boîte CSS définit les fonctionnalités CSS relatives à l'alignement des boîtes dans leurs conteneurs. Il définit l'alignement des différents modèles de mise en page CSS, y compris la mise en page en bloc, la mise en page en tableau, la mise en page flexible (flexbox) et la mise en page en grille, créant une méthode d'alignement cohérente dans tout le CSS.
Le module des animations CSS permet d'animer les valeurs des propriétés CSS, comme background-position et transform, au fil du temps à l'aide d'étapes intermédiaires (keyframes en anglais). Chaque étape décrit comment l'élément animé doit être affiché à un moment donné de la séquence d'animation. Vous pouvez utiliser les propriétés du module d'animations pour contrôler la durée, le nombre de répétitions, le délai de démarrage et d'autres aspects d'une animation.
Le module de l'API de mise en évidence personnalisée avec CSS fournit un moyen programmatique de cibler des plages de texte spécifiques définies par des objets de plage, sans affecter la structure DOM sous-jacente. Les objets de plage peuvent ensuite être sélectionnés avec des pseudo-éléments ::highlight(), et des styles de mise en évidence peuvent être ajoutés et supprimés. Les fonctionnalités de ce module peuvent créer des effets de mise en évidence similaires à ceux des éditeurs de texte qui mettent en évidence les erreurs d'orthographe ou de grammaire, et des éditeurs de code qui mettent en évidence les erreurs de syntaxe.
Le module de spécification Arrière-plans et bordures CSS (CSS backgrounds and borders en anglais) fournit des propriétés permettant d'ajouter des bordures, des coins arrondis et des ombres aux éléments.
Le module de bordures et décorations de boîte CSS fournit des propriétés permettant d'ajouter des bordures, des formes de coins,et des ombres de boîte aux éléments. Ce module étend les bordures et décorations de boîte introduites dans le module Arrière-plans et bordures CSS, en ajoutant les propriétés corner-shape et border-shape, les propriétés logiques border-radius, les propriétés longues pour la propriété box-shadow et des propriétés pour créer des bordures partielles.
Le module de cascade et d'héritage CSS définit les règles d'attribution des valeurs aux propriétés par le biais de la cascade et de l'héritage. Ce module définit les règles pour trouver la valeur définie pour toutes les propriétés sur tous les éléments.
Le module de chargement des polices CSS décrit les évènements et les interfaces utilisés pour le chargement dynamique des ressources de polices.
Les colonnes CSS (CSS Multi-column Layout en anglais) forment un module CSS qui définit le comportement d'une disposition en colonnes, qui permet de décrire comment le contenu doit être réparti entre les colonnes et qui détaille comment sont gérées les espaces et les règles entre les colonnes.
Le module de compartimentation CSS (ou containment en anglais) définit la compartimentation et les requêtes de conteneur.
Le module Composition et fusion CSS définit comment les couches d'arrière-plan d'un élément qui peuvent être fusionnées, comment un élément peut être fusionné avec son conteneur, et si l'élément doit créer un nouveau contexte d'empilement.
Le module de contenu généré CSS définit comment le contenu d'un élément peut être remplacé et comment du contenu peut être ajouté à un document avec CSS.
Le module Couleurs CSS définit les couleurs, les types de couleurs, le mélange des couleurs, l'opacité, ainsi que la manière d'appliquer ces couleurs et effets au contenu HTML.
CSS Logical Properties (les propriétés logiques CSS) est un module CSS qui définit une correspondance logique vers les propriétés physiques de contrôle de la mise en page selon le sens de lecture et l'orientation du texte. On aura deux directions logiques : block et inline, perpendiculaires, qui dépendent du sens de l'orientation du document.
CSS Masking (ou « masques CSS ») est un module CSS qui définit les moyens, dont les masques et le clipping, pour dissimuler des parties d'éléments visuels, partiellement ou en totalité.
CSS Namespaces (ou « espaces de noms CSS ») est un module CSS qui permet aux auteurs de spécifier des espaces de noms XML en CSS.
Le module de spécification CSS Overflow décrit les fonctionnalités CSS relatives au dépassement et au défilement du contenu pour les médias visuels. En CSS, le