Liste des propriétés CSS.
Liste des propriétés.
La liste ci-dessous regroupe les propriétés CSS standardisées, en cours de standardisation ou obsolètes. Si vous souhaitez des renseignements sur une propriété spécifique à un navigateur, tentez une recherche.
Animations pilotées par un défilement
animation-range
Spécifie le point de départ et le point final de l'animation, dans le cas d'une animation pilotée par un défilement.
animation-range-end
Spécifie le point final de l'animation, dans le cas d'une animation pilotée par un défilement.
animation-range-start
Spécifie le point de départ de l'animation, dans le cas d'une animation pilotée par un défilement.
scroll-timeline
Propriété résumée définissant les paramètres d'une animation pilotée par la position d'une barre de défilement.
scroll-timeline-axis
Indique suivant quel axe (vertical ou horizontal) doit se synchroniser l'animation pilotée par le défilement.
scroll-timeline-name
Définit un identifiant pour une animation synchronisée sur le défilement.
timeline-scope
Définit la portée d'une ligne de temps pour une animation pilotée par le défilement.
view-timeline
Propriété résumée définissant les paramètres d'une animation en fonction de la visibilité d'un élément dans la fenêtre de défilement (animation pilotée par le défilement).
view-timeline-axis
Définit quel axe (vertical ou horizontal) est utilisé par une animation pilotée par le défilement.
view-timeline-inset
Spécifie un ajustement de la boite de défilement dans le cadre d'une animation pilotée par le défilement.
view-timeline-name
Définit un identifiant pour une animation pilotée par le défilement.
Compositions et mélanges
background-blend-mode
Définit le mélange des couleurs entre image(s) d'arrière-plan et couleur d'arrière-plan.
isolation
Autorise ou non les interactions entre les couches.
mix-blend-mode
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.1 - Spécification concernant les feuilles de styles en cascade - Révision 1
marker-offset
Définit le retrait des puces ou des numéros dans une liste.
Déplacements suivant un chemin.
offset
Propriété résumée définissant tous les paramètres concernant le déplacement suivant un chemin (Motion Path).
offset-anchor
Définit le point d'ancrage des élément mobile, dans le contexte du déplacement sur un chemin (Motion Path).
offset-distance
Définit l'emplacement d'un élément mobile sur le trajet du chemin (Motion Path).
offset-path
Définit le chemin sur lequel pourra se positionner un élément (Motion path).
offset-position
Définit la position d'un chemin de déplacement, dans le contexte d'un déplacement suivant un chemin (Motion Path).
offset-rotate
Définit l'orientation d'un élément par rapport à l'axe du chemin (Motion Path).
Langage de balisage mathématique (MathML)
math-depth
Fixe la profondeur de l'élément, dans une formule écrite avec MathML.
math-shift
Impose un léger décalage vers le bas pour les exposants contenus dans une formule MathML.
math-style
Définit si les formules MathML s'affichent dans un style compact ou non. Le style compact réduit la hauteur des formules.
Les événements de pointeur
pointer-events
Spécifie quelle(s) partie(s) de l'élément sont sensibles au survol de la souris ou autre événement lié à la souris.
touch-action
Détermine quels sont les gestes traités par le navigateur sur un écran tactile (glissé du doigt, zoom par pincement...)
Les marqueurs SVG
marker-end
Définit le dernier marqueur, celui qui s'affiche sur le dernier sommet d'une forme en SVG.
marker-mid
Définit quel marqueur afficher sur les sommets intermédiaires (ni le dernier, ni le premier) d'une forme en SVG.
marker-start
Définit le premier marqueur, celui qui sera affiché sur le premier point d'une forme en SVG.
Les transitions en CSS
transition
Regroupe les différents paramètres d'une ou plusieurs transitions.
transition-behavior
Définit le comportement des transitions sur les propriétés qui sont animables de façon
discrete.transition-delay
Définit le temps d'attente avant que la transition ne commence, compté à partir de la modification de la propriété.
transition-duration
Définit la durée d'une transition, c'est à dire le temps qu'elle met pour se dérouler entièrement.
transition-property
Définit la ou les propriétés sur lesquelles doit s'appliquer une transition.
transition-timing-function
Propriété définissant la fonction d'accélération à utiliser pendant une transition.
Module CSS - Affichage
display
Définit la nature de l'élément et la façon de l'afficher.
reading-flow
Définit dans quel ordre les éléments du conteneur seront lus ou parcourus dans le cas d'un parcours avec la touche tabulation.
reading-order
Définit la position d'un élément dans l'ordre de tabulation, particulièrement pour les enfants de flex-box ou de grilles.
visibility
Définit si un élément doit être affiché ou masqué.
Module CSS - Ajustement de la taille du texte
text-size-adjust
Définit comment les terminaux mobiles améliorent la lisibioité.
Module CSS - Ajustement des couleurs
color-adjust
Autorise ou non le navigateur à optimiser les couleurs.
color-scheme
Définit si un élément doit s'afficher en mode nuit (dark) ou en mode jour (light). Ces deux modes sont en principe gérés par tous les systèmes d'exploitation.
forced-color-adjust
Définit comment sont ajustées les couleurs.
print-color-adjust
Indique si le navigateur doit optimiser les couleurs lors de l'impression du document.
Module CSS - Alignement des blocs
align-content
Gère la disposition des éléments dans un flex-box ou une grille, suivant l'axe secondaire (le plus souvent vertical).
align-items
Gère la disposition des éléments dans une grille suivant l'axe secondaire (vertical le plus souvent).
align-self
Gère la disposition de l'un des éléments dans une grille suivant l'axe secondaire, qui est le plus souvent vertical.
column-gap
Définit l'espacement entre les colonnes.
gap
Définit les espacements entre les lignes et entre les colonnes dans le contexte d'une grille, d'un flex-box, ou d'une mise en page sur plusieurs colonnes)
grid-column-gap
Spécifie l'espacement entre les colonnes dans une grille.
grid-gap
Ajuste l'espacement des lignes et des colonnes dans le contexte d'une grille.
grid-row-gap
Spécifie l'espacement entre les lignes dans une grille.
justify-content
Définit le positionnement dans un flex-box ou une grille suivant l'axe principal (le plus souvent horizontal).
justify-items
Gère l'alignement des éléments dans un conteneur grille suivant l'axe principal, qui est le plus souvent horizontal.
justify-self
Définit le positionnement d'un élément particulier dans un flex-box ou une grille suivant l'axe principal, qui souvent horizontal.
place-content
Gère la disposition des éléments dans un flex-box ou une grille suivant l'axe principal et l'axe secondaire.
place-items
Définit le placement des éléments dans leur cellule (dans le contexte d'une grille) suivant les deux axes (principal et secondaire).
place-self
Définit l'alignement d'un élément aussi bien suivant l'axe principal et suivant l'axe secondaire.
row-gap
Définit l'espace entre les lignes d'une grille.
Module CSS - Animations
animation
Propriété résumée définissant la plupart des paramètres d'animation : durée, fonction d'accélération, nombre de répétition, direction, etc.
animation-composition
Définit comment interagissent plusieurs animations appliquées à la même propriété.
animation-delay
Temps d'attente avant le démarrage de l'animation, à compter le plus souvent du chargement de la page.
animation-direction
Définit le sens de l'animation (normal ou inverse) par rapport à la directive
@keyframes.animation-duration
Définit la durée totale d'un cycle d'animation.
animation-fill-mode
Définit le remplacement lorsque l'animation n'est pas en cours d'exécution.
animation-iteration-count
Définit le nombre de fois qu'une animation doit être jouée.
animation-name
Définit quelle animation (définie par
@keyframes) appliquer à l'élément. animation-play-state
Définit l'état de l'animation (en cours ou en pause).
animation-timeline
Associe l'animation à autre chose que le temps, par exemple le défilement d'un élément.
animation-timing-function
Définit la fonction d'accélération à utiliser pendant une animation.
Module CSS - Annotations Ruby
ruby-align
Définit l'alignement des textes dans une syntaxe ruby.
ruby-merge
Décrit comment doivent être alignées les annotations ruby lorsque plusieurs se suivent sur une même ligne.
ruby-overhang
Gère le débordement des annotations dans une présentention ruby.
ruby-position
Définit la position de l'annotation ruby par rapport à la base.
Module CSS - Arrière-plans et bordures
background
Résumé des propriétés de l'arrière-plan.
background-attachment
Mode de défilement de l'image d'arrière-plan.
background-clip
Définit l'étendue de l'arrière-plan, en particulier par rapport à la bordure et aux marges intérieures..
background-color
Définit la couleur en arrière-plan.
background-image
Définit l'image ou dégradé d'arrière-plan (plusieurs images ou dégradés peuvent coexister).
background-origin
Définit une référence pour positionner l'image d'arrière-plan.
background-position
Définit comment se positionne l'image d'arrière-plan.
background-position-x
Définit comment se positionne l'image d'arrière-plan dans le sens horizontal.
background-position-y
Définit comment se positionne l'image d'arrière-plan dans le sens vertical.
background-repeat
Définit comment est répétée l'image d'arrière-plan.
background-size
Dimensionnement de l'image d'arrière-plan.
border
Propriété résumée qui définit l'ensemble des paramètres des bordures : épaisseur, style et couleur.
border-bottom-color
Définit la couleur du trait de bordure pour le bas de l'élément.
border-bottom-left-radius
Définit le rayon de l'angle arrondi en bas à gauche.
border-bottom-right-radius
Définit le rayon de l'angle arrondi en bas à droite.
border-bottom-style
Définit le style de trait pour la bordure en dessous de l'élément.
border-bottom-width
Définit l'épaisseur du trait de bordure situé en dessous de l'élément.
border-color
Définit la couleur des bordures pour les 4 cotés de l'élément.
border-image
Résumé des propriétés des bordures réalisées avec des images.
border-image-outset
Définit le débordement de l'image de bordure.
border-image-repeat
Définit comment l'image de bordure est répétée ou dilatée pour couvrir la zone voulue.
border-image-slice
Définit comment l'image de bordure est découpée.
border-image-source
Définit le chemin et le nom de fichier pour l'image utilisée pour construire la bordure.
border-image-width
Définit l'épaisseur de la bordure lorsque cette dernière est réalisée avec une image.
border-left-color
Définit la couleur du trait de bordure à gauche de l'élément.
border-left-style
Définit le type de trait pour la bordure sur la gauche de l'élément.
border-left-width
Définit l'épaisseur du trait de bordure situé à gauche de l'élément.
border-radius
Rayon des angles arrondis.
border-right-color
Définit la couleur du trait de bordure à droite de l'élément.
border-right-style
Définit le type de trait pour la bordure à droite de l'élément.
border-right-width
Définit l'épaisseur du trait de bordure situé à droite de l'élément.
border-style
Définit le type de trait pour les quatre bordures autour de l'élément (solide, double, pointillé...).
border-top-color
Définit la couleur du trait de la bordure au dessus de l'élément.
border-top-left-radius
Définit le rayon de l'angle arrondi en haut à gauche.
border-top-right-radius
Définit le rayon de l'angle arrondi en haut à droite.
border-top-style
Définit le type de trait pour la bordure à gauche de l'élément.
border-top-width
Définit l'épaisseur du trait de bordure au dessus de l'élément.
border-width
Définit l'épaisseur du trait de la bordure situé tout autour de l'élément.
box-shadow
Applique un effet d'ombrage sur les blocs en indiquant tous les paramètres : couleur, décalage de l'ombre, flou, etc.
Module CSS - Bordures et décorations
corner-block-end-shape
Définit la forme de l'arrondi d'angle pour les deux angles situé en fin de block.
corner-block-start-shape
Définit la forme de l'arrondi d'angle pour les deux angles situé en début de block.
corner-bottom-left-shape
Définit la forme de l'arrondi de l'angle en base à gauhe de l'élément.
corner-bottom-right-shape
Définit la forme de l'arrondi de l'angle en bas à droite de l'élément.
corner-end-end-shape
Définit la forme de l'angle en fin de bloc et en fin de ligne.
corner-end-start-shape
Définit la forme de l'angle en fin de bloc et en début de ligne.
corner-inline-start-shape
Définit la forme de l'arrondi d'angle pour les deux angles situé en début de lignes.
corner-shape
Définit la forme des arrondis d'angle. Propriété résumée, il existe également une propriété spécifique à chacun des angles.
corner-start-end-shape
Définit la forme de l'angle en début de bloc et en fin de ligne.
corner-start-start-shape
Définit la forme de l'angle en début de bloc et en début de ligne.
corner-top-left-shape
Définit la forme de l'arrondi d'angle en haut à gauche.
corner-top-right-shape
Définit la forme de l'arrondi de l'angle en haut à droite.
Module CSS - Cascade et héritage
all
Initialisation de toutes les propriétés.
Module CSS - Confinement
contain
Propriété d'optimisation, pour faciliter et accélérer le travail de mise en page des pages complexes.
container
Définit les caractéristiques d'un conteneur utilisable dans une container query (contexte d'éléments confinés).
container-name
Attribue un identifiant à un élément pour en faire un conteneur utilisable dans une container query (contexte d'éléments confinés).
container-type
Définit le type d'un conteneur utilisable dans une container query (contexte d'éléments confinés).
content-visibility
Définit si le contenu de l'élément (y compris les sous-éléments) doit être restitué ou pas.
Module CSS - Couleurs
color
Définit la couleur de l'avant plan et affecte une valeur à
currentcolor.opacity
Définit l'opacité (inverse de la transparence) d'un élément et de ses descendants.
Module CSS - Couleurs HDR
dynamic-range-limit
Limite la luminance des images en haute dynamique (HDR) afin de les rendre comparables à celle des images standard (SDR).
Module CSS - Débordements
block-ellipsis
Gère l'affichage d'une marque de suite à la fin d'un élément lorsque le contenu déborde de ce dernier.
line-clamp
Définit le nombre de lignes qui seront affichées dans un élément. La présence de texte excédentaire est indiquée par un caractère de suite.
overflow
Gestion des débordements, lorsque le contenu est trop grand pour les dimensions imposées à l'élément.
overflow-block
Gestion des débordements dans la direction secondaire.
overflow-clip-margin
Définit la marge de débordement, lorsque le contenu est plus grand que l'élément.
overflow-inline
Gestion des débordements dans la direction principale.
overflow-x
Gestion du débordement dans le sens horizontal.
overflow-y
Gestion du débordement dans le sens vertical.
scroll-behavior
Choisit entre un défilement brutal ou progressif de la page.
scroll-marker-group
Active et positionne les marqueurs de défilement avant ou après le conteneur défilant.
scrollbar-gutter
Réserve ou non la gouttière pour une barre de défilement.
text-overflow
Définit l'indicateur de débordement du texte.
Module CSS - Décoration du texte
text-decoration
Propriété résumée permettant de définir l'essentiel des paramètres de décoration de texte (couleur, type de trait...).
text-decoration-color
Définit la couleur du trait de décoration (souligné, rayure...).
text-decoration-line
Définit le type de décoration : souligné, barré, etc.
text-decoration-skip
Propriété raccourcie définissant ce que les traits de décoration doivent sauter (espaces, jambage, etc.).
text-decoration-skip-box
Définit comment les décorations héritées des éléments parents doivent être appliquées.
text-decoration-skip-ink
Définit si les lignes de décoration (essentiellement le souligné) s'interrompent au niveau des jambages.
text-decoration-skip-inset
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.
text-decoration-skip-self
Définit si les décoration du ou des éléments parents doivent être appliquées à cet élément.
text-decoration-skip-spaces
Définit si les lignes de décoration (soulignement, rayure...) concernent les espaces.
text-decoration-style
Type de trait pour la décoration : plein, pointillé, etc.
text-decoration-thickness
Définit l'épaisseur des traits de décoration (pour le souligné, barré, surligné).
text-emphasis
Propriété résumée qui définit tous les paramètres de la mise en exergue d'un texte.
text-emphasis-color
Définit la couleur des caractères de mise en exergue.
text-emphasis-position
Définit la position des caractères de mise en exergue.
text-emphasis-skip
Définit si les mises en exergue doivent s'interrompre sur les espaces, les signes de ponctuation, etc.
text-emphasis-style
Spécifie le style de mise en exergue.
text-shadow
Cette propriété résumée définit tous les paramètres de l'ombre appliquée au texte : couleur, décalage, etc.).
text-underline-offset
Définit la position du trait de soulignement, par rapport à sa position de base.
text-underline-position
Définit l'emplacement des traits de soulignement.
Module CSS - Décorations des espaces.
column-rule-break
Définit comment se comportent les filets de séparation des colonnes aux intersections avec les filets de séparation des lignes.
column-rule-outset
Détermine si les filets séparant les colonnes s'arrêtent aux intersections. Contexte : conteneur multi-colonnes, grille ou flex.
row-rule
Propriété résumée qui définit l'épaisseur, le style et la couleur des filets de séparation des lignes, dans le contexte d'un conteneur flex ou d'un conteneur grid.
row-rule-break
Définit comment les filets de séparation des lignes se comportent au niveau des intersection avec les traits de séparation des colonnes.
row-rule-color
Définit la couleur des filets de séparation des lignes dans le contexte d'un conteneur grille ou d'un flex-box.
row-rule-outset
Spécifie de combien les filets séparant les lignes débordent aux intersections.
row-rule-style
Définit le style de trait à utiliser pour le filet séparant les lignes, dans le contexte d'un conteneur grille ou d'un conteneur flex-box.
row-rule-width
Définit l'épaisseur des filets de séparation de lignes dans un contexte de conteneur grille ou de conteneur flex-box.
rule
Propriété résumé qui affecte les mêmes valeurs aux filets séparant les lignes et à ceux séparant les colonnes.
rule-break
Propriété résumée qui définit comment se comportent les filets de séparation des lignes et des colonnes à leur intersection.
rule-color
Définit la couleur des filets de séparation des lignes et des colonnes, dans le contexte d'un conteneur grille ou d'un conteneur flex.
rule-outset
Propriété résumée qui définit à la fois le débordement des filets séparant les lignes et de ceux séparant les colonnes.
rule-overlap
Définit lesquels des filets séparant les lignes ou des filets séparant les colonnes passent au dessus des autres.
rule-style
Définit le style de trait pour les filets entre les lignes et les colonnes, dans le contexte d'un conteneur grille ou d'un conteneur flex.
rule-width
Définit l'épaisseur des filets qui séparent les lignes et les colonnes, dans le contexte d'un conteneur flex ou grille.
Module CSS - Défilement avec accrochages
scroll-margin
Définit les marges de la fenêtre de défilement dans le contexte d'un défilement avec accrochages (Scroll Snap).
scroll-margin-block
Définit les marges de la fenêtre de défilement pour le début et pour la fin des blocs.
scroll-margin-block-end
Définit les marges de la fenêtre de défilement pour pour la fin des blocs.
scroll-margin-block-start
Définit les marges de la fenêtre de défilement pour le début des blocs.
scroll-margin-bottom
Définit les marges en bas de la fenêtre de défilement dans le contexte d'un défilement avec accrochages.
scroll-margin-inline
Définit les marges de la fenêtre de défilement pour le début et pour la fin des lignes.
scroll-margin-inline-end
Définit les marges de la fenêtre de défilement pour la fin des lignes.
scroll-margin-inline-start
Définit les marges de la fenêtre de défilement pour le début des lignes.
scroll-margin-left
Définit les marges en haut de la fenêtre de défilement dans le contexte d'un défilement avec accrochages.
scroll-margin-right
Définit les marges à droite de la fenêtre de défilement dans le contexte d'un défilement avec accrochages.
scroll-margin-top
Définit les marges du haut de la fenêtre de défilement dans le contexte d'un défilement avec accrochages.
scroll-padding
Définit les marges intérieures de la fenêtre de défilement.
scroll-padding-block
Définit la marge intérieure de la fenêtre de défilement, pour le début et la fin des blocs.
scroll-padding-block-end
Définit la marge intérieure de la fenêtre de défilement, pour le début des blocs.
scroll-padding-block-start
Définit la marge intérieure de la fenêtre de défilement, pour le début des blocs.
scroll-padding-bottom
Définit la marge intérieure du bas de la fenêtre de défilement.
scroll-padding-inline
Définit la marge intérieure de la fenêtre de défilement, pour le début et la fin des lignes.
scroll-padding-inline-end
Définit la marge intérieure de la fenêtre de défilement, pour la fin des lignes.
scroll-padding-inline-start
Définit la marge intérieure de la fenêtre de défilement, pour le début des lignes.
scroll-padding-left
Définit la marge intérieure à la gauche de la fenêtre de défilement.
scroll-padding-right
Définit la marge intérieure de droite de la fenêtre de défilement.
scroll-padding-top
Définit la marge intérieure du haut pour la fenêtre de défilement.
scroll-snap-align
Définit l'alignement des éléments servant d'accrochage par rapport à la fenêtre d'affichage (scroll Snap).
scroll-snap-stop
Permet de forcer l'arrêt d'un défilement sur certains éléments.
scroll-snap-type
Définit les principales caractéristiques d'un défilement avec accrochages (Scroll Snap).
Module CSS - Dimensionnement des blocs
aspect-ratio
Définit le ratio entre la largeur et la hauteur de l'élément.
block-size
Définit la dimension d'un l'élément suivant la direction des blocs. Pour les langues latines, cette propriété logique est équivalente à
height.box-sizing
Définit le mode de calcul des dimensions de blocs : en incluant ou non les bordures et les marges intérieures.
contain-intrinsic-block-size
Définit la dimension de l'élément dans la direction des blocs, lorsque l'élément est confiné.
contain-intrinsic-height
Définit la hauteur intrinsèque de l'élément lorsque celui-ci est confiné.
contain-intrinsic-inline-size
Définit la dimension de l'élément dans la direction des lignes, lorsque l'élément est confiné.
contain-intrinsic-size
Définit les dimensions de l'élément (blocs et lignes) lorsque l'élément est confiné.
contain-intrinsic-width
Définit la largeur intrinsèque de l'élément lorsque celui-ci est confiné.
height
Définit la hauteur de l'élément.
inline-size
Définit la dimension de l'élément dans la direction des lignes. Pour les langues latines cette propriété est équivalente à
width.max-height
Définit une limite à la hauteur maximale de l'élément.
max-width
Définit la largeur maximale de l'élément.
min-height
Définit la hauteur minimale de l'élément.
min-width
Définit la largeur minimale de l'élément.
width
Définit la largeur de l'élément.
Module CSS - Éléments positionnés
bottom
Définit l'espace entre le bas de l'élément (s'il est positionné) et le bas de son parent.
inset
Définit la position de l'élément lorsque celui-ci est positionné autrement qu'en statique. Raccourci pour
top, right, bottom et left.inset-block
Définit l'emplacement d'un élément positionné, dans la direction des blocs. Raccourci pour
inset-block-start et inset-block-end.inset-block-end
Pour un élément positionné, définit l'emplacement du côté fin de block.
inset-block-start
Pour un élément positionné, définit l'emplacement du bord coté début de block.
inset-inline
Définit l'emplacement d'un élément positionné dans la direction des lignes. Raccourci pour
inset-inline-start et inset-inline-end.inset-inline-end
Sur un élément positionné, définit l'emplacement du bord situé en fin de ligne.
inset-inline-start
Pour un élément positionné, définit l'emplacement du côté début de ligne.
left
Pour un élément positionné, définit l'espace entre le bord gauche de l'élément et le bord gauche de l'élément de référence.
overlay
Détermine si un élément positionné doit être affiché au dessus des autres.
position
Change le positionnement d'un élément, pour le rendre par exemple fixe par rapport à la page.
right
Pour un élément positionné, définit l'espace entre le bord droit de l'élément et le bord droit de l'élément de référence.
top
Pour un élément positionné, définit l'espace entre le haut de l'élément et le haut de l'élément de référence (parent positionné ou viewport).
z-index
Définit sur quelle couche un élément doit s'afficher (dessus, dessous). Surtout utile pour des éléments positionnés.
Module CSS - Formes de base
shape-image-threshold
Définit le seuil de transparence en vu de l'habillage d'une image.
shape-margin
Définit la marge pour l'habillage d'un élément flottant.
shape-outside
Définit la forme du contournement du texte pour un élément flottant.
Module CSS - Fragmentation
box-decoration-break
Gestion de la présentation des éléments fragmentés sur plusieurs lignes.
break-after
Interdit ou impose des sauts (de page, de colonne...) après l'élément.
break-before
Interdit ou impose des sauts (de page, de colonne...) avant l'élément.
break-inside
Définit si les sauts de colonne, de page, etc. sont permis dans l'élément.
orphans
Définit le nombre de lignes qui doivent rester en base de page ou de colonne, dans chaque paragraphe.
widows
Définit le nombre de lignes qui doivent rester en haut des pages ou des colonnes.
Module CSS - Gestion des limtes du défilement
overscroll-behavior
Définit ce qui doit se passer lorsqu'un conteneur défilant atteint ses limites. A savoir, est-ce que le défilement doit être transmis au parent.
overscroll-behavior-block
Définit si l'ordre de défilement est transmis au parent lorsque le conteneur a atteint sa limite dans la direction des blocs.
overscroll-behavior-inline
Définit si l'ordre de défilement est transmis au parent lorsque le conteneur a atteint sa limite dans la direction des lignes.
overscroll-behavior-x
Définit si l'ordre de défilement est transmis au parent lorsque le conteneur a atteint sa limite dans la direction horizontale.
overscroll-behavior-y
Définit si l'ordre de défilement est transmis au parent lorsque le conteneur a atteint sa limite dans la direction verticale.
Module CSS - Génération de contenu
content
Ajoute du contenu dans le document, principalement avec les sélecteurs
::before et ::after.quotes
Définit les caractères utilisés pour les guillemets.
Module CSS - Images
image-orientation
Définit l'orientation d'une image (doit-elle être tournée de 90° ?)
image-rendering
Définit le mode de mise à l'échelle des images.
object-fit
Définit comment un contenu multimédia (image, vidéo) doit s'adapter aux dimensions de son contenant.
object-position
Définit la position d'une image ou d'une vidéo par rapport à son container.
Module CSS - Interface utilisateur de base
accent-color
Définit la couleur des élément actifs, cochés.
appearance
Supprime la mise en forme apportée par le système d'exploitation. Ne concerne que les contrôles de formulaire.
caret
Propriété résumée regroupant toutes les propriétés relatives au marqueur de texte.
caret-animation
Cette propriété définit si le clignotement par défaut du curseur de texte doit être maintenu.
caret-color
Choisit la couleur du marqueur de texte (curseur clignotant).
caret-shape
Définit la forme du curseur de texte.
cursor
Définit la forme du curseur de la souris.
ime-mode
Définit l'accessibilité d'une zone de saisie.
interactivity
Permet de rendre inerte un élément et ses descendants.
interest-delay
Propriété résumée équivalente à
interest-delay-start et interest-delay-end.interest-delay-end
Définit le temps entre le moment où la souris quitte l'élément et le moment où l'infobulle disparait.
interest-delay-start
Définit le temps entre le moment où la souris arrive sur l'élément et le moment où l'infobulle apparait.
outline
Résumé des caractéristiques du contour.
outline-color
Définit la couleur du contour (outline).
outline-offset
Définit l'espacement entre le contour et l'élément.
outline-style
Définit le type de trait des contours (simple, double, pointillé...).
outline-width
Définit l'épaisseur du trait des contours.
resize
Autorise ou empêche le dimensionnement de l'élément par l'utilisateur.
user-select
Définit si le contenu d'un élément est sélectionnable par l'utilisateur ou non.
Module CSS - Listes et compteurs
counter-increment
Augmente ou diminue la valeur d'un ou plusieurs compteurs.
counter-reset
Initialise un ou plusieurs compteurs personnalisés.
counter-set
Change la valeur d'un ou de plusieurs compteurs.
list-style
Résumé des caractéristiques de listes à puces ou à numéros.
list-style-image
Définit une image personnalisée à utiliser à la place des puces, dans le contexte d'une énumération sous forme de liste.
list-style-position
Définit l'emplacement des marqueurs de listes (puces ou numéros).
list-style-type
Définit le type des puces ou de la numérotation.
marker-side
Définit le côté où se positionne le marqueur de liste (fonction de la langue).
Module CSS - Masquage
clip
Découpe un élément à partir d'un rectangle.
clip-path
Définit la partie visible de l'élément, délimitée par une forme géométrique (rectangle, polygone...).
clip-rule
Définit comment gérer les formes creuses dans le contexte d'un découpage.
mask
Propriété résumée définissant les paramètres de masquage : dimensions du masque, position, répétition, origine, etc.
mask-border
Propriété résumée. Définit tous les paramètres d'un masque pour la bordure d'un élément.
mask-border-mode
Définit sur quel paramètre le masque doit agir (luminance, alpha).
mask-border-outset
Définit le décalage éventuel du masque de bordure par rapport à l'élément.
mask-border-repeat
Définit le mode de répétition du masque.
mask-border-slice
Définit comment l'image utilisée comme masque doit être découpée.
mask-border-source
Désigne l'image qui sera utilisée comme masque (masque du type bordure).
mask-border-width
Définit l'épaisseur de la bordure pour l'application d'un masque.
mask-clip
Définit la zone concernée par le masquage.
mask-composite
Définit comment seront combinés les masques lorsque plusieurs sont appliqués sur un élément.
mask-image
Désigne l'image ou le fichier SVG qui sera utilisé comme masque.
mask-mode
Définit le mode de masquage (couche alpha, luminance...)
mask-origin
Définit la référence pour le positionnement du masque.
mask-position
Définit la position du masque.
mask-position-x
Définit la position horizontale du masque.
mask-position-y
Définit la position verticale du masque.
mask-repeat
Définit le mode de répétition du masque lorsque celui-ci est plus petit que l'élément à masquer.
mask-size
Fixe les dimensions du masque.
mask-type
Définit quel paramètre du masque est utilisé pour masquer l'élément.
Module CSS - Media paginé
bleed
Définit la présence d'une marge supplémentaire pour les pages imprimées.
marks
Choisit les traits de coupe et repères d'alignement.
page
Définit une page nommée (voir la directive
@page) pour imprimer cet élément ou cette partie du document.page-break-after
Gestion des sauts de page après l'élément.
page-break-before
Gestion des sauts de page avant l'élément.
page-break-inside
Gestion des sauts de page au milieu de l'élément.
page-orientation
Définit si les pages imprimées doivent être tournées, et vers la droite ou la gauche.
S'utilise avec la directive
S'utilise avec la directive
@page.size
Dimensions et orientation des pages imprimées.
Module CSS - Mise en page en ligne
alignment-baseline
Définit comment un élément est aligné, dans le sens vertical, par rapport à son parent.
baseline-shift
Fixe le décalage, vers le haut ou vers le bas, de la ligne de base des textes.
baseline-source
Définit si l'alignment vertical d'un élément doit se faire par rapport à sa premère ou sa dernière ligne de texte.
dominant-baseline
Définit quelle ligne de base est utilisée pour les alignements verticaux de textes.
initial-letter
Définit une lettrine : taille du caractère, combien de lignes il recouvre, etc.
initial-letter-wrap
Définit comment le texte doit contourner les lettrines, en particulier doit suivre au plus proche la forme du caractère de lettrine ou pas.
line-height
Définit la hauteur des lignes de texte.
text-box
Permet l'effacement des espacements situés avant et/ou après les lignes de texte.
text-box-edge
Définit le métrique des textes CJK.
text-box-trim
Spécifie comment la réduction des dimensions d'une boîte de texte doit se faire pour se conformer à
text-box-edge (langages CJK).vertical-align
Alignement vertical.
Module CSS - Mise en page multi-colonnes
column-count
Définit le nombre de colonnes, dans une mise en page sur plusieurs colonnes.
column-fill
Gère la répartition du contenu entre les colonnes.
column-height
Définit la hauteur des colonnes, dans le cas d'une mise en page sur plusieurs colonnes. Celle-ci peut être inférieure à la hauteur du conteneur, on obtient alors une sorte de tableau.
column-rule
Propriété résumé définissant tous les paramètres du trait de séparation entre les colonnes.
column-rule-color
Définit la couleur des filets de séparation de colonnes, dans le contexte d'une mise en page multi-colonnes, d'un conteneur grille ou d'un conteneur flex.
column-rule-style
Choisit le type de trait pour les filets séparant les colonnes, dans le contexte d'une mise en page multi-colonnes, d'un conteneur flex ou d'un conteneur grille.
column-rule-width
Définit l'épaisseur du filet de séparation entre les colonnes, dans le contexte d'une mise en page multi-colonnes, d'un conteneur flex ou d'un conteneur grille.
column-span
Gère le chevauchement du contenu sur plusieurs colonnes.
column-width
Définit la largeur des colonnes.
columns
Définit les caractéristiques d'une mise en page sur plusieurs colonnes.
Module CSS - Mise en page par flex-box
flex
Propriété raccourcie pour définir les principales caractéristiques relatives aux dimensions des éléments internes à un flex-box.
flex-basis
Détermine la dimension par défaut d'un élément contenu dans un flex-box.
flex-direction
Choisit l'axe principal et l'axe secondaire d'un flex box.
flex-flow
Enchaînement des éléments enfant dans un flex-box.
flex-grow
Autorise ou non l'agrandissement d'un élément contenu dans un flex-box.
flex-shrink
Autorise ou non la compression (réduction de la largeur) d'un élément contenu dans un flex-box.
flex-wrap
Gestion des retours à la ligne dans un container flex-box.
order
Définit l'ordre des éléments dans un flex-box.
Module CSS - Mise en page par grille
grid
Propriété résumée définissant les principaux paramètres d'une grille.
grid-area
Positionne un élément dans une zone nommée de la grille.
grid-auto-columns
Définit la largeur par défaut des colonnes dans une grille.
grid-auto-flow
Définit le mode de calcul automatique pour positionner les éléments dans la grille.
grid-auto-rows
Définit la hauteur par défaut des lignes dans une grille.
grid-column
Numéro(s) de(s) colonne(s) où doit se positionner cet élément dans la grille.
grid-column-end
Numéro de la colonne sur laquelle un élément doit venir se terminer (dans une grille).
grid-column-start
Numéro de la colonne sur laquelle doit commencer un élément dans une grille.
grid-row
Numéro(s) de(s) lignes) où doit se positionner cet élément dans la grille.
grid-row-end
Numéro de la ligne sur laquelle un élément doit venir se terminer (dans une grille).
grid-row-start
Numéro de la ligne sur laquelle doit commencer un élément dans une grille.
grid-template
Propriété résumée pour définir les largeurs de colonnes, la hauteur des lignes, et les plages d'une grille.
grid-template-areas
Définit les zones nommées dans une grille.
grid-template-columns
Définit le nombre et la largeur des colonnes d'une grille.
grid-template-rows
Définit le nombre et la hauteur des lignes d'une grille.
Module CSS - Modes d'écriture
direction
Définit le sens d'écriture (de gauche à droite ou de droite à gauche).
glyph-orientation-vertical
Définit l'orientation des caractères dans le cas d'une écriture verticale.
text-combine-upright
Définit l'orientation de groupes de caractères, dans le cas d'une écriture verticale.
text-orientation
Définit l'orientation des caractères dans le cas d'une écriture dans le sens vertical.
unicode-bidi
Gestion des possibilités d'écriture bidirectionnelle de Unicode.
writing-mode
Définit le sens et direction d'écriture (horizontale ou verticale).
Module CSS - Modèle de blocs
margin
Résumé des quatre marges.
margin-block-end
Définit la marge de fin de bloc, compte-tenu du mode d'écriture du texte pour cet élément.
margin-block-start
Définit la marge de début de bloc, compte-tenu du mode d'écriture du texte pour cet élément.
margin-bottom
Définit la marge en dessous de l'élément.
margin-inline-end
Définit la marge après la fin de ligne, compte-tenu du mode d'écriture.
margin-inline-start
Définit la marge avant le début des lignes de texte, compte-tenu du mode d'écriture.
margin-left
Définit la marge à gauche de l'élément.
margin-right
Définit la marge à droite de l'élément.
margin-top
Définit la marge au dessus de l'élément.
margin-trim
Définit la gestion des marges successives au sein d'un même container.
padding
Marges intérieures des quatre cotés.
padding-block-end
Définit la marge intérieure à la fin du bloc, compte-tenu du mode d'écriture.
padding-block-start
Définit la marge intérieure au début du bloc, compte-tenu du mode d'écriture.
padding-bottom
Définit la marge intérieure en dessous de l'élément.
padding-inline-end
Définit la marge intérieure du côté de la fin des lignes de texte, compte-tenu du mode d'écriture.
padding-inline-start
Définit la marge intérieure du côté du début des lignes de texte, compte-tenu du mode d'écriture.
padding-left
Définit la marge intérieure à gauche de l'élément.
padding-right
Définit la marge intérieure à droite de l'élément.
padding-top
Définit la marge intérieure au dessus de l'élément.
Module CSS - Pages flottantes
clear
Autorise ou interdit le côtoiement des éléments (habillage).
float
Float définit les éléments qui peuvent se côtoyer horizontalement, ou plus généralement sur la longueur d'une ligne.
Module CSS - Parole (TTS)
cue
Détermine le son à jouer avant et après la restitution sonore d'un élément.
cue-after
Séquence sonore à jouer après la lecture d'un élément.
cue-before
Séquence sonore à jouer avant la lecture d'un élément (restitution sonore).
pause
Définit la durée du silence avant et après la restitution sonore d'un élément.
pause-after
Définit la durée du silence après la restitution sonore de l'élément
pause-before
Définit la durée du silence avant la restitution sonore de l'élément.
rest
Définit la durée d'un silence avant ou après la restitution sonore d'un élément.
rest-after
Définit la durée d'un silence éventuel après la restitution sonore d'un élément.
rest-before
Définit la durée du silence éventuel avant la restitution sonore d'un élément.
speak
Définit si l'élément doit être lu lors d'une restitution sonore.
speak-as
Définit comment doit être lu le contenu d'un élément lors de la restitution sonore de la page.
voice-balance
Contrôle la distribution sonore entre gauche et droite (lors d'une restitution vocale).
voice-duration
Définit le temps que devra durer la restitution sonore de l'élément.
voice-family
Définit le type de voix à utiliser pour la restitution sonore (homme, femme, enfant...).
voice-pitch
Définit la fréquence de la voix (plus ou moins aiguë) dans le cas d'une restitution sonore du document.
voice-range
Définit la plage dans laquelle la fréquence de la voix peut varier (dans le contexte d'une restitution sonore).
voice-rate
Définit le débit de paroles (en mots par minutes) dans le cas d'une restitution sonore du document.
voice-stress
Définit l'accentuation de la voix, dans le cas d'une restitution sonore de l'élément.
voice-volume
Définit le volume de la voix lors de la restitution sonore du document.
Module CSS - Polices de caractères
font
Raccourci pour définir la plupart des propriétés concernant les polices de caractères.
font-effect
Permet d'appliquer quelques effets au texte : relief, bordure...
font-family
Sélectionne une police de caractères parmi celles qui sont disponibles ou celles qui sont téléchargées.
font-feature-settings
Permet d'exploiter les fonctionnalités spécifiques des polices de caractères OTF, WOFF, etc.
font-kerning
Ajustement du crénage entre caractères.
font-language-override
Définit le langage à prendre en compte lors du choix des caractères.
font-optical-sizing
Optimise la forme des caractères en fonction de leur taille.
font-palette
Définit la palette de couleurs utilisable pour les polices de caractères colorées.
font-size
Ajuste la taille des caractères, ce qui impacte aussi les units comme
em, ex, etc.font-size-adjust
Définition du coefficient d'aspect de la police.
font-smooth
Définit si un algorithme de lissage doit être utilisé et lequel.
font-stretch
Modifie l'étirement ou la compression des caractères.
font-style
Sélectionne les styles italique ou oblique de la police de caractères.
font-synthesis
Autorise ou non le calcul des styles manquants dans la police de caractères.
font-synthesis-position
Autorise ou non le navigateur à synthétiser les caractères en exposant ou en indice.
font-synthesis-small-caps
Autorise ou non le navigateur à calculer le glyphes des caractères en petites capitales.
font-synthesis-style
Définit si le navigateur est autorisé à synthétiser les formes italiques des caractères.
font-synthesis-weight
Définit si le navigateur peut calculer ou non le glyphe des caractères gras.
font-variant
Raccourci permettant de définir les attributs typographiques évolués : ligatures, substitution de caractères, etc.
font-variant-alternates
Définit la substitution de caractères (polices OTF, WOFF).
font-variant-caps
Applique une capitalisation des caractères.
font-variant-east-asian
Typographie spécifique aux caractères chinois ou japonais.
font-variant-emoji
Choisit entre une présentation en emoji ou en texte.
font-variant-ligatures
Active ou désactive la ligature des caractères.
font-variant-numeric
Définit le mode d'affichage des nombres évolués : fractions, numéros, etc.
font-variant-position
Mise en exposant ou en indice des caractères.
font-variation-settings
Donne accès aux possibilités stylistiques des polices OTF.
font-weight
Sélectionne une graisse pour les caractères.
font-width
Synonyme de font-stretch (largeur/élargissement des caractères).
Module CSS - Positionnement par ancrages
anchor-name
Défiinit un identifiant pour l'élément qui peut dès lors devenir une ancre.
anchor-scope
Définit la portée de la propriété
anchor-name.position-anchor
Définit par rapport à quelle ancre doit se positionner l'élément.
position-area
Définit comment se positionne un élément par rapport à l'ancre (au dessus, à côté, etc.).
position-try
Propriété raccourcie qui résume les valeurs pour
position-try-fallbacks et position-try-order.position-try-fallbacks
Spécifie une liste de position pour l'élément positionné (positionnement par ancrage) afin que le navigateur puisse choisir celle qui est le plus adapté à un moment donné, compte tenu des défilements ou des zooms.
position-try-order
Définit un ordre différent pour les valeurs énumérées par
position-try-fallbacks.position-visibility
Définit si l'élément positionné est visible ou pas, dans le contexte d'un positionnement par ancrage.
Module CSS - Propriétés et valeurs logiques
border-block-color
Définit la couleur des traits de bordure, pour les côtés début et fin de bloc.
border-block-end
Définit tous les paramètres de la bordure du côté fin de bloc.
border-block-end-color
Définit la couleur des traits de bordure, du côté fin de bloc.
border-block-end-style
Définit le style des traits de bordure pour le côté fin des blocs.
border-block-end-width
Définit l'épaisseur de la bordure du côté de la fin des blocs.
border-block-start
Définit tous les paramètres de la bordure du côté début de bloc.
border-block-start-color
Définit la couleur des traits de bordure, du côté début de bloc.
border-block-start-style
Définit le style des traits de bordure pour le côté début des blocs.
border-block-start-width
Définit l'épaisseur de la bordure du côté du début des blocs.
border-block-style
Définit le style des traits de bordure pour les côtés début et fin des blocs.
border-block-width
Définit l'épaisseur des bordures en début et en fin des blocs.
border-end-end-radius
Définit le rayon de l'arrondi de l'angle en fin de ligne et fin de bloc.
border-end-start-radius
Définit le rayon de l'arrondi de l'angle en fin de ligne et début de bloc.
border-inline-color
Définit la couleur des traits de bordure, des côtés début et fin de ligne.
border-inline-end
Définit tous les paramètres de la bordure du côté fin de ligne.
border-inline-end-color
Définit la couleur des traits de bordure, du côté fin de ligne.
border-inline-end-style
Définit le style des traits de bordure pour le côté fin des lignes.
border-inline-end-width
Définit l'épaisseur de la bordure du côté de la fin des lignes.
border-inline-start
Définit tous les paramètres de la bordure du côté début de ligne.
border-inline-start-color
Définit la couleur des traits de bordure, du côté début de ligne.
border-inline-start-style
Définit le style des traits de bordure pour le côté début des lignes.
border-inline-start-width
Définit l'épaisseur de la bordure du côté du début des lignes.
border-inline-style
Définit le style des traits de bordure pour les côtés début et fin des lignes.
border-inline-width
Définit l'épaisseur des bordures en début et en fin des lignes.
border-start-end-radius
Définit le rayon de l'arrondi de l'angle en début de ligne et fin de bloc.
margin-block
Définit la dimension des marges dans la direction des blocs compte-tenu du mode d'écriture.
margin-inline
Définit la dimension des marges au début et à la fin des lignes, compte tenu du mode d'écriture.
max-block-size
Définit une limite maximale pour la taille d'un élément, dans la direction des blocs.
max-inline-size
Définit une limite maximale pour la taille d'un élément, dans la direction des lignes.
min-block-size
Définit une limite minimale pour la dimension d'un élément, dans la direction des blocs.
min-inline-size
Définit une limite minimale pour la dimension d'un élément, dans la direction des lignes.
padding-block
Définit les marges intérieures dans la direction des blocs.
padding-inline
Définit les marges intérieures dans la direction des lignes.
Module CSS - Régions
flow-from
Dans le contexte d'une mise en page par régions, définit quel flux de contenu doit être utilisé par l'élément.
flow-into
Dans le contexte d'une mise en page par régions, définit dans quel flux doit être déversé le contenu de l'élément.
Module CSS - Stylisation des barres de défilement
scrollbar-color
Définit deux couleurs qui seront utilisées pour les barres de défilement.
scrollbar-width
Définit le style (et la taille) des barres de défilement.
Module CSS - Tableaux
border-collapse
Mode d'encadrement des cellules de tableau.
border-spacing
Espacement entre les cellules adjacentes dans un tableau, lorsqu'elles ne sont pas fusionnées.
caption-side
Positionne le titre d'un tableau.
empty-cells
Définit si les cellules vides d'un tableau doivent être affichées (les bordures, la couleur et l'image de fond, etc.).
table-layout
Définit le mode de calcul des largeurs de colonnes d'un tableau lorsqu'elle n'est pas explicitement indiquée.
Module CSS - Texte
hanging-punctuation
Définit la ponctuation suspendue (caractères autorisés à déborder dans la marge).
hyphenate-character
Définit le caractère qui sera à utiliser comme marque de césure.
hyphenate-limit-chars
Définit le nombre minimal de caractères pour autoriser la césure d'un mot.
hyphenate-limit-last
Définit si les césures sont autorisées à la fin d'une colonne, d'une page, etc.
hyphenate-limit-lines
Définit le nombre maximal de lignes successives se terminant une césure
hyphenate-limit-zone
Définit le nombre maximal d'espaces pour autoriser ou interdire la césure.
hyphens
Définit si les mots peuvent être coupés en fin de ligne. La césure des mots donne une mise en page plus agréable mais peut être gênante dans certains cas.
letter-spacing
Espacement des lettres.
line-break
Définit les ruptures de lignes pour les langues CJK (chinois, japonais, coréen).
line-padding
Ajoute un espace au début et à la fin des lignes.
overflow-wrap
Gestion des coupures de mots pour les langues CJK et quelques autres.
tab-size
Définit la taille des caractères de tabulation.
text-align
Spécifie comment doit être aligné le texte de l'élément.
text-align-all
Définit l'alignement des lignes d'un texte (synonyme de
text-align).text-align-last
Définit l'alignement de la dernière ligne des paragraphes.
text-autospace
Définit l'espace entre les caractères adjacents (utilisable pour les langues CJK).
text-indent
Définit le retrait de la première ligne des paragraphe (indentation).
text-justify
Sélectionne la méthode utilisée pour justifier le texte : espaces entre les mots ou entre les lettres.
text-space-collapse
Définit comment gérer les espaces et les espaces multiples dans le texte.
text-space-trim
Définit si les espaces au début et à la fin du texte de l'élément doivent être conservés ou supprimés.
text-spacing
Propriété résumée pour
text-spacing-trim et text-autospace. regroupe les informations d'espacement des caractères pour les langues CJK.text-spacing-trim
Definit l'espacement autour des caractères de ponctuation CJK.
text-transform
Définit la casse du texte (minuscules, majuscules, petites capitales...).
text-wrap
Définit la gestion des retours à la ligne du texte.
text-wrap-mode
Définit si les retours à la ligne sont autorisés.
text-wrap-style
Définit comment les saut de ligne vont se faire.
white-space
Définit comment sont restitués les espaces multiples et les retours chariot.
white-space-collapse
Définit comment les espaces successifs et les retours à la ligne doivent être traités.
white-space-trim
Définit si et comment le navigateur doit supprimer les espaces réductibles.
word-boundary-detection
Définit quelle logique le navigateur doit utilier pour identifier les limites des mots.
word-boundary-expansion
Substitue certains caractères de séparation de mots par d'autres.
word-break
Coupure des mots longs.
word-space-transform
Normalise les caractères d'espacement (écritures CJK).
word-spacing
Permet d'ajuster l'espacement des mots.
word-wrap
Coupure des mots pour les langues CJK et quelques autres.
wrap-after
Autorise ou non les sauts de lignes après la boite.
wrap-before
Autorise ou non les sauts de lignes avant la boite.
Module CSS - Traits et remplissages
fill
Définit l'ensemble des paramètres de remplissage d'une forme (couleur, etc) en SVG.
fill-color
Définit la couleur des remplissages en SVG.
fill-opacity
Définit l'opcaité (la transparence) du remplissage d'une forme en SVG.
fill-rule
Définit comment doit se faire le remplissage d'une forme comportant un trou, ou dont le contour se recoupe lui-même.
paint-order
Définit l'ordre de dessin des différentes parties d'une forme (contour, remplissage, marqueurs).
stroke
Définit les paramètres de la bordure d'une forme en SVG.
stroke-align
Définit comment se positionne le trait de bordure par rapport aux limites de la forme, en SVG.
stroke-color
Définit la couleur des contours en SVG.
stroke-dasharray
Définit les caractéristiques d'un pointillé (en SVG).
stroke-dashoffset
Définit le point de départ des pointillés sur un contour SVG.
stroke-linecap
Définit la forme des embouts de lignes (en SVG).
stroke-linejoin
Définit la forme des raccordements de segments en SVG.
stroke-miterlimit
Limite le dépassement des raccordements de segments avec un angle aigu.
stroke-opacity
Définit l'opacité (la transparence) du contour en SVG.
stroke-width
Définit l'épaisseur des tracés en SVG.
Module CSS - Transformations
backface-visibility
Visibilité de la face arrière de l'élément (pendant sa rotation).
perspective
Effet de perspective appliqué à un élément ayant subi une transformation 3D.
perspective-origin
Position de l'observateur dans le cas d'une déformation 3D avec perspective.
rotate
Définit une rotation à appliquer à l'élément.
scale
Définit une mise à l'échelle de l'élément (agrandissement ou réduction).
transform
Applique une ou plusieurs transformations géométriques (rotations, agrandissements, etc.).
transform-box
Définit la boîte de référence pour les transformations.
transform-origin
Définit le point d'origine pour les transformations.
transform-style
Définit comment sont rendus les éléments soumis à une transformation 3D.
translate
Applique une translation à un élément (un déplacement linéaire).
Module CSS - Transitions d'afichage
view-transition-name
Associe à l'élément ciblé un identifiant de transition.
Module CSS - Valeurs et unités
interpolate-size
Définit si les animations ou les transitions doivent être brutales ou progressives lorsqu'un mot clé définissant une dimension intrinsèque est utilisé.
Module CSS - Will change - Niveau 1
will-change
Indique les propriétés qui risquent d'être modifiées ou animées, afin que le navigateur puisse optimiser son traitement.
Module CSS Viewport
zoom
Définit un agrandissement ou une réduction de l'élément, tout en préservant la mise en page (contrairement à scale).
Module filtres et effets
backdrop-filter
Applique un filtre graphique sur l'élément situé derrière l'élément ciblé.
color-interpolation
Définit l'espace de couleurs à utiliser pour calculer les dégradés, les animations et les combinaisons avec la couche alpha.
color-interpolation-filters
Définit dans quel espace de couleurs sont calculés les effets de filtrage. Par défaut cet espace est le
linearRGBfilter
Applique un filtre graphique (flou, contraste, luminosité...) à un élément.
flood-color
Définit la couleur des remplissages et des ombrages dans le contexte de filtres SVG.
flood-opacity
Définit l'opacité des remplissages et des ombrages dans le contexte de filtres SVG.
lighting-color
Définit la couleur de l'éclairage dans le contexte d'un filtre SVG.
Scalable Vector Graphics (SVG)
cx
Définit la position horizontale du centre d'un cercle ou d'une ellipse en SVG.
cy
Définit la position verticale du centre d'un cercle ou d'une ellipse en SVG.
x
Définit la position horizontale d'un rectangle ou d'une image, en SVG.
y
Définit la position verticale d'un rectangle ou d'une image, en SVG.
Styles pour la restitution vocale
azimuth
Provenance horizontale du son.
elevation
Provenance verticale du son.
pitch
Timbre de voix.
pitch-range
Variation de timbre de la voix.
play-during
Son à restituer en fond.
richness
Portée de la voix.
speak-header
Spécifie comment doivent être restitués les titres de tableaux : une fois au début du tableau ou au début de chaque page.
speak-numeral
Spécifie comment doivent être restitués les nombres dans le cas d'une restitution sonore.
speak-punctuation
Spécifie comment doit être lue la ponctuation, dans le cas d'une restitution sonore.
speech-rate
Débit de parole en mots par minutes.
stress
Inflexion de la voix (calme, précipitée...).
volume
Définit le volume sonore.
SVG (Scalable Vector Graphics)
r
Définit le rayon d'un cercle en SVG.
rx
Définit le rayon horizontal d'une ellipse, en SVG.
ry
Définit le rayon vertical d'une ellipse, en SVG.
shape-rendering
Définit si la priorité doit être donnée à la précision ou bien au temps de calcul, lors du tracé d'une forme en SVG.
stop-color
Définit la couleur d'un point de stop dans un dégradé.
stop-opacity
Définit l'opacité de la couleur d'un point de stop dans un dégradé.
text-anchor
Définit si un texte en SVG s'ancre par le milieu, le départ ou la fin.
text-rendering
Active ou désactive le traitement de la typographie évoluée (ligatures, crénage...)
vector-effect
Définit comment agissent les transformations (rotations, changements d'échelle, etc.).