Guides CSS

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.

Alignement de boîte CSS

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.

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

Arrière-plans et bordures CSS

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.

Bordures et décorations de boîte CSS

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.

Cascade et héritage CSS

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.

Colonnes CSS

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.

Compartimentation CSS (CSS Containment)

L'objectif du module de spécification CSS Containment (pour Compartimentation CSS) consiste à améliorer les performances des pages web en permettant aux développeurs d'isoler un sous-ensemble de la page. Si le navigateur sait que cette partie est indépendante, le rendu peut être optimisé et les performances améliorées. Ce module de spécification définit une seule propriété CSS : contain. Dans cet article, nous verrons les objectifs principaux de cette spécification.

Composition et fusion CSS

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.

Couleurs 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 Conditional Rules

CSS Conditional Rules (ou règles conditionnelles CSS) est un module CSS qui permet de définir un ensemble de règles qui ne s'appliqueront qu'en fonction des capacités du processeur ou du document auquel la feuille de styles est appliquée.

CSS Counter Styles

CSS Counter Styles est un module CSS qui permet de définir ses propres styles pour les compteurs utilisés dans les listes numérotées.

CSS Display

L'affichage CSS (CSS Display) est un module CSS qui définit la façon dont l'arbre des boîtes pour la mise en forme est généré à partir de l'arbre des éléments du document et qui définit les propriétés qui le contrôlent.

CSS Fonts

CSS Fonts est un module CSS qui définit des propriétés relatives aux polices de caractères et la façon dont les ressources des polices sont chargées. Il permet de définir le style d'une police, comme sa famille, sa taille ou sa graisse ainsi que la variante du glyphe à utiliser dans le cas des polices disposant de plusieurs glyphes par caractère. Il permet également de définir la hauteur d'une ligne.

CSS Fragmentation

CSS Fragmentation est un module CSS qui décrit la façon dont le contenu est divisé (fragmenté) entre plusieurs pages, régions ou colonnes.

CSS Generated Content

CSS Generated Content est un module CSS qui définit comment ajouter du contenu à un élément.

CSS Images

CSS Images est un module CSS qui définit les types d'images qui peuvent être utilisés (le type <image>, les URLs qu'elles contiennent, les dégradés et autres types d'images), comment les redimensionner et comment elles, ainsi que le contenu remplacé, interagissent avec les différents modèles de mise en page.

CSS Lists

CSS Lists (listes CSS) est un module CSS qui définit la façon dont les listes sont mises en forme, comment des styles peuvent être appliqués aux marqueurs.

CSS Logical Properties

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 Masks

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

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.

CSS Overflow

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 dépassement se produit lorsque le contenu d'une boîte s'étend au-delà des bords de la boîte.

CSS Pages

Les média paginés CSS (ou CSS Paged Media en anglais) est un module CSS qui définit la façon dont sont gérés les sauts de page ainsi que les veuves et orphelines.

CSS Positioned Layout

CSS Positioned Layout (ou module CSS de disposition positionnée) est un module CSS qui définit comment positionner des éléments sur une page.

CSS Ruby

CSS Ruby Layout est un module CSS qui fournit des propriétés de contrôle pour le rendu et la mise en forme des annotations Ruby utilisées dans les documents d'Asie orientale afin d'indiquer la prononciation ou d'annoter le texte de base.

CSS Scroll Snap

CSS Scroll Snap est un module de spécification CSS qui introduit les positions d'accroche lors du défilement. Cela permet de garantir la position sur laquelle on arrive après avoir fait défiler du contenu.

CSS Scrollbars

Le module de spécification CSS Scrollbars standardise la mise en forme des barres de défilement (scrollbar) notamment introduite en 2000 avec Windows IE 5.5.

CSS Shapes

CSS Shapes est un module de spécification CSS qui décrit les formes géométriques. Selon le niveau 1 de cette spécification, les formes CSS peuvent être appliquées aux éléments flottants. Cette spécification définit différentes façon permettant de définir la forme d'un élément flottant afin que les lignes « coulent » autour de la forme plutôt qu'autour du rectangle formé par la boîte de l'élément.

CSS Table

CSS Table (ou module des tableaux CSS) est un module CSS qui définit comment disposer les données de tableaux.

CSS Text

CSS Text (ou module texte de CSS) est un module CSS qui définit comment effectuer des manipulations de texte, comme les coupures de mots, la justification et l'alignement, la gestion des espaces et les transformations de texte.

CSS Text Decoration

CSS Text Decoration (ou module des décorations textuelles CSS) est un module CSS qui définit les caractéristiques relatives à la décoration du texte, comme le soulignage, les ombres et les marques d'emphase.

CSS Transforms

Le module CSS Transforms (ou module des transformations CSS) est un module de la spécification CSS qui définit comment les éléments mis en forme avec CSS peuvent être transformés dans un espace à deux ou à trois dimensions.

CSS Writing Modes

CSS Writing Modes (ou modes d'écriture CSS) est un module qui définit différents modes d'écriture internationaux comme l'écriture de gauche à droite (e.g. utilisée par les langues latines et indiennes), de droite à gauche (e.g. utilisée par l'hébreu ou l'arabe), bidirectionnelle (utilisée quand il y a à la fois des écritures de gauche à droite et de droite à gauche sont ) et verticale (e.g. utilisée par certains écrits asiatiques).

CSSOM View

CSSOM View (ou Vue CSSOM) est un module de la spécification CSS qui définit comment manipuler la vue d'un document et notamment le comportement lors du défilement (scrolling).

Dimensionnement de boîte CSS

Le module de dimensionnement de boîte CSS permet de préciser comment les éléments s'ajustent à leur contenu ou s'intègrent dans un contexte de mise en page donné. Il définit des propriétés de dimensionnement, de dimensionnement minimum et maximum, et étend les propriétés de dimensionnement CSS avec des mots-clés représentant la taille intrinsèque fondée sur le contenu et la taille extrinsèque fondée sur le contexte.

Disposition des boîtes flexibles CSS

Le module de disposition des boîtes flexibles CSS (CSS Flexible Box Layout) est un module de CSS qui définit un modèle de boîtes optimisé pour la conception des interfaces utilisateurs. En utilisant le modèle des boîtes flexibles, les éléments d'une conteneur flexible peuvent être disposés dans n'importe quelle direction et étendre leurs dimensions (pour remplir un espace vide) ou se réduire pour éviter de dépasser en dehors de l'élément parent. On peut facilement manipuler les alignements horizontal et vertical des éléments fils. On peut aussi imbriquer plusieurs niveaux de boîtes flexibles afin de construire des dispositions en deux dimensions..

Effets de filtre CSS

Les propriétés du module Effets de filtre CSS permettent de définir une façon de traiter le rendu d'un élément avant qu'il ne soit affiché dans le document. Parmi ces effets, on trouve le flou et la modification de l'intensité de la couleur d'un élément.

Grilles CSS (CSS Grid)

Le module CSS Grid layout (modèle de disposition en grille) est un module de la spécification CSS qui permet de créer des mises en page en divisant l'espace d'affichage en régions utilisables par une application ou en définissant des relations de taille, position et d'empilement entre les éléments HTML.

Interface utilisateur simple CSS

Le module d'interface utilisateur simple CSS permet de définir le rendu et le fonctionnement des fonctionnalités liées à l'interface utilisateur, y compris les propriétés de contour, les retours visuels pour les dispositifs de pointage et les claviers, et la modification de l'apparence par défaut des composants UI.

Modèle de boîte CSS

Le module de modèle de boîte CSS définit les propriétés margin et padding, qui, avec la hauteur, la largeur et les propriétés de bordure, composent le modèle de boîte CSS.

Motion Path

Motion Path est un module de la spécification CSS qui permet aux auteurs d'animer des objets graphiques le long d'une ligne appelée chemin.

Position par ancres CSS

Le module de position par ancres CSS définit des fonctionnalités permettant d'attacher des éléments entre eux. Certains éléments sont définis comme des éléments ancre ; les éléments positionnés par ancre peuvent alors avoir leur taille et leur position définies en fonction de la taille et de la position des éléments ancre auxquels ils sont liés.

Propriétés personnalisées pour les variables en cascade CSS

Le module des Propriétés personnalisées pour les variables en cascade CSS ajoute la prise en charge des variables en cascade dans les propriétés CSS et vous permet de créer des propriétés personnalisées pour définir ces variables ainsi que les mécanismes pour utiliser les propriétés personnalisées comme valeurs pour d'autres propriétés CSS.

Requêtes média CSS (media queries)

Les requêtes média CSS, plus souvent appelées media queries, sont un outil de responsive design qui permet d'adapter la feuille de styles CSS en fonction de différents paramètres ou caractéristiques de l'appareil.

Sélecteurs CSS

Les sélecteurs définissent les éléments sur lesquelles s'applique un ensemble de règles CSS.

Syntaxe CSS

Le module Syntaxe CSS décrit, en termes généraux, la structure et la syntaxe des feuilles de style en cascade, ou CSS. Il définit CSS comme le langage de description du rendu de documents structurés (tels que HTML et XML), sur le web et ailleurs.

Transitions CSS

Les transitions CSS permettent de créer des transitions harmonieuses entre les valeurs des propriétés CSS concernées. Elles permettent aussi de définir leur évolution (accélération/décélération), via les fonctions de minutage.

Valeurs et unités CSS

Chaque déclaration CSS se compose d'une paire propriété/valeur. La valeur peut prendre diverses formes selon la propriété, comme un entier unique, un mot-clé, une fonction ou une combinaison de différents éléments ; certaines valeurs ont des unités, tandis que d'autres n'en ont pas. Chaque propriété accepte également les valeurs CSS globales. Le module des valeurs et unités CSS définit les types de données — valeurs et unités — que les propriétés CSS acceptent. Ce module définit également la syntaxe de définition des valeurs CSS, ou grammaire formelle, utilisée pour définir l'ensemble des valeurs valides pour chaque propriété et fonction CSS.