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 le 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 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.
CSS 3 - Spécification concernant les feuilles de styles en cascade - Version 3
box-align
Définit le positionnement des éléments contenus dans un container box, suivant l'axe secondaire.
box-direction
Définit si les éléments du container box se positionnent de gauche à droite ou de droite à gauche.
box-flex
Définit si un élément contenu dans un box peut s'agrandir pour occuper la place disponible.
box-lines
Définit si le container box peut comporter plusieurs lignes ou pas.
box-ordinal-group
Définit l'ordre d'un élément contenu dans un container box.
box-orient
Définit si le container box affiche ses éléments horizontalement ou verticalement.
box-pack
Définit le positionnement des éléments contenus dans un container box, suivant l'axe principal.
box-reflect
Définit une duplication et un effet de symétrie sur un container box.
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 posiitionner 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).
Les événements de pointeur
pointer-events
Réaction 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.
Module CSS - Affichage
display
Définit la nature de l'élément et la façon de l'afficher.
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.
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.
align-items
Disposition verticale des éléments dans un flex-box ou une grille.
align-self
Position verticale de l'un des éléments dans un flex-box ou une grille.
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 suivant l'axe principal dans un flex-box ou une grille.
justify-items
Gère l'alignement horizontal des éléments dans un conteneur grille.
justify-self
Définit le positionnement horizontal d'un élément particulier dans un flex-box ou une grille.
place-content
Disposition des éléments dans un flex-box ou une grille.
place-items
Défini le placement des éléments dans leur cellule (dans le contexte d'une grille).
place-self
Définit l'alignement d'un élément aussi bien dans la direction inline que dans la direction block.
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.
animation-direction
Sens de l'animation (normal ou inverse).
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 l'animation à appliquer à l'élément.
animation-play-state
É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
Position de 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.
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-color
Définit la couleur des bordures.
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 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-radius
Rayon des angles arrondis.
border-style
Type de bordure (solide, double, pointillé...).
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-width
Définit l'épaisseur de la bordure 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 - 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.
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 (texte essentiellement).
opacity
Définit l'opacité (inverse de la transparence) d'un élément et de ses descendants.
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.
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.
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
Choisit le soulignement, le surlignement ou la rayure du texte.
text-decoration-color
Définit la couleur du trait de décoration.
text-decoration-line
Type de décoration : souligné, barré, etc.
text-decoration-skip
Propriété raccourcie définissant certaines particularités relatives aux décorations.
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 (souligné, barré, surligné).
text-emphasis
Mise en exergue du texte.
text-emphasis-color
Définit la couleur des caractères de mise en exergue.
text-emphasis-position
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
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 à la position de base.
text-underline-position
Définit l'emplacement des traits de soulignement.
Module CSS - Défilement avec accrochages
scroll-margin
Définit les marges de défilement dans le contexte d'un défilement avec accrochages (Scroll Snap).
scroll-padding
Définit les marges intérieures de 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.
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.
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.
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-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.
position
Mode de positionnement.
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.
Module CSS - Génération de contenu
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
Définit toutes les propriétés nécessaires pour qu'un élément soit affiché comme un bouton, un menu, etc.
caret
Définit la couleur et la forme du marqueur de texte.
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.
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 - Les transitions
transition
Regroupe les valeurs de plusieurs propriétés concernant les 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é (ou du chargement de la page).
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 - Listes et compteurs
counter-increment
Définit le pas d'incrémentation d'un compteur.
counter-reset
Initialise un compteur.
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.
mask-border
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-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.
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-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.
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
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 la ligne de base utilisée pour les alignements verticaux de textes.
initial-letter
Définit les paramètres des lettrines.
initial-letter-wrap
Définit comment le texte doit contourner les lettrines.
line-height
Définit la hauteur des lignes de texte.
text-box-edge
text-box-trim
Spécifie une réduction de la hauteur d'une boîte de texte.
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-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 lignes de séparation de colonnes.
column-rule-style
Choisit le type de trait pour la séparation des colonnes.
column-rule-width
Définit l'épaisseur du trait de séparation entre les colonnes.
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 d'un flex-box et des éléments internes.
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 d'un élément contenu dans un flex-box.
flex-wrap
Gestion des retours à la ligne dans un container flex-box.
order
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
Marge du bas.
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
Marge de gauche.
margin-right
Marge de droite.
margin-top
Marge du haut.
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
Marge intérieure en bas.
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
Marge intérieure à gauche.
padding-right
Marge intérieure à droite.
padding-top
Marge intérieure en haut.
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.
float-defer
float-offset
float-reference
Définit par rapport à quoi les éléments flottants doivent se positionner.
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.
pause
Définit le silence avant et après la restitution sonore d'un élément.
pause-after
Définit le silence après la restitution sonore de l'élément
pause-before
Définit le 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 d'une 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 - 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.
inset-block
Définit l'emplacement d'un élément positionné, dans la direction
block.inset-inline
Définit l'emplacement d'un élément positionné dans la direction
inline.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 pet être gênante dans certains cas.
letter-spacing
Espacement des lettres.
line-break
Rupture 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.
tab-size
Taille des caractères de tabulation.
text-align
Alignement du texte.
text-align-all
Définit l'alignement des lignes d'un texte.
text-align-last
Alignement de la dernière ligne des paragraphes.
text-autospace
Définit l'espace entre les caractères adjacents (CJK).
text-group-align
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.
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
text-spacing-trim
Definit l'espacement autour des caractères de ponctuation CJK.
text-transform
Casse du texte (minuscules, majuscules...).
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 la gestion des espaces multiples et des 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 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.
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.
wrap-inside
Autorise ou non les sauts de lignes dans la boite.
Module CSS - Traits et remplissages
fill
Définit l'ensemble des paramètres de remplissage d'une forme (couleur, etc).
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-color
Définit la couleur des contours en SVG.
stroke-dash-corner
Définit comment gérer les pointillés dans les angles du contour (SVG).
stroke-dash-justify
Définit l'ajustement des pointillés pour qu'un nombnre entier de segments soit compris dans le tracé (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-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 - 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.
filter
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
Mode de restitution des titres de tableaux.
speak-numeral
Mode de restitution des nombres.
speak-punctuation
Mode de restitution de la ponctuation.
speech-rate
Débit de parole en mots par minutes.
stress
Inflexion de la voix (calme, précipitée...).
volume
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 elliipse, 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.
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 les transformations (rotations, changements d'échelle, etc.) agissent.