accent-color |
Spécifier la couleur d'accent de l'interface utilisateur. |
align-content |
Définir la manière dont les lignes entre les éléments dans le conteneur élastique sont alignées, lorsque les éléments ne utilisent pas tout l'espace disponible. |
align-items |
Définir la manière dont les éléments dans le conteneur élastique sont alignés. |
align-self |
Définir la manière dont les éléments sélectionnés dans le conteneur élastique sont alignés. |
all |
Réinitialiser toutes les propriétés (à l'exception de unicode-bidi et direction). |
animation |
Propriété abrégée pour toutes les propriétés animation-*. |
animation-delay |
Définir le délai avant le début de l'animation. |
animation-direction |
Définir si l'animation joue vers l'avant, vers l'arrière ou en alternance. |
animation-duration |
Définir le temps qu'il faut pour que l'animation termine un cycle. |
animation-fill-mode |
Définir le style de l'élément lorsque l'animation n'est pas jouée (avant le début, après la fin ou à la fois). |
animation-iteration-count |
Définir le nombre de fois que l'animation est jouée. |
animation-name |
Définir le nom de l'animation @keyframes. |
animation-play-state |
Définir si l'animation est jouée ou en pause. |
animation-timing-function |
Définir la courbe de vitesse de l'animation. |
aspect-ratio |
Spécifier le rapport d'aspect préféré de l'élément. |
caption-side |
Définir la manière dont les en-têtes de tableau sont placés. |
caret-color |
Définir la couleur du curseur dans l'input, textarea ou tout élément éditable. |
@charset |
Définir le codage des caractères utilisé dans la feuille de style. |
clear |
Définir quel côté de l'élément ne peut pas flotter d'autres éléments. |
clip |
Trancher les éléments en position absolue. |
clip-path |
Coupe l'élément en forme de base ou en source SVG. |
color |
Définit la couleur du texte. |
color-scheme |
Indique quel schéma de couleurs du système d'exploitation doit être utilisé pour le rendu de l'élément. |
column-count |
Définit le nombre de colonnes que l'élément doit diviser. |
column-fill |
Définit comment les colonnes doivent être remplies (si balanced). |
column-gap |
Définit l'intervalle entre les colonnes. |
column-rule |
Propriété abrégée de toutes les propriétés column-rule-*. |
column-rule-color |
Définit la couleur des règles entre les colonnes. |
column-rule-style |
Définit le style des règles entre les colonnes. |
column-rule-width |
Définit la largeur des règles entre les colonnes. |
column-span |
Définit le nombre de colonnes que l'élément doit couvrir. |
column-width |
Définit la largeur des colonnes. |
columns |
Propriété abrégée de column-width et column-count. |
@container |
Définit le style des éléments à l'intérieur du conteneur en fonction de la taille ou du style du conteneur. |
content |
Utilisé avec les pseudo-éléments :before et :after pour insérer du contenu généré. |
counter-increment |
Augmente ou diminue la valeur d'un ou plusieurs compteurs CSS. |
counter-reset |
Crée ou réinitialise une ou plusieurs valeurs de compteur CSS. |
counter-set |
Crée ou configure une ou plusieurs valeurs de compteur CSS. |
@counter-style |
Permet de définir un style de compteur personnalisé. |
cursor |
Définit le curseur à afficher lorsque l'élément est pointé. |
filter |
Définit l'effet avant l'affichage de l'élément (par exemple, flou ou décalage de couleur). |
flex |
Propriété abrégée de flex-grow, flex-shrink et flex-basis. |
flex-basis |
Longueur initiale des projets élastiques. |
flex-direction |
Direction des projets élastiques. |
flex-flow |
Propriété abrégée de flex-direction et flex-wrap. |
flex-grow |
Augmentation par rapport aux autres projets des projets réglementaires. |
flex-shrink |
Réduction par rapport aux autres projets des projets réglementaires. |
flex-wrap |
Détermine si l'élément élastique doit passer à la ligne. |
float |
Détermine si le boîte (box) doit être flottante. |
font |
Propriétés abrégées de font-style, font-variant, font-weight, font-size/line-height et font-family. |
@font-face |
Permet des règles pour le téléchargement et l'utilisation d'autres polices que les polices "web-safe". |
font-family |
Détermine la famille de police (série de caractères) du texte. |
font-feature-settings |
Permet de contrôler les caractéristiques avancées d'impression des polices OpenType. |
@font-feature-values |
Permet aux créateurs d'utiliser les noms génériques de font-variant-alternate pour activer des caractéristiques d'une manière différente dans OpenType. |
font-kerning |
Contrôle l'utilisation des informations d'espacement des lettres (kerning). |
font-language-override |
Contrôle l'utilisation des caractères pour une langue spécifique dans la police. |
@font-palette-values |
Permet de personnaliser les valeurs par défaut du panneau de couleurs des polices. |
font-size |
Détermine la taille de la police du texte. |
font-size-adjust |
Maintient la lisibilité lors du retour en arrière de la police. |
font-stretch |
Sélectionne une police ordinaire, compressée ou étendue de la famille de caractères. |
font-style |
Détermine le style de police du texte. |
font-synthesis |
Contrôle quels caractères manquants (gras ou italic) peuvent être synthétisés par le navigateur. |
font-variant |
Détermine si le texte doit être affiché en petites majuscules. |
font-variant-alternates |
Contrôle de l'utilisation des caractères alternatifs associés aux noms alternatifs définis dans @font-feature-values. |
font-variant-caps |
Contrôle de l'utilisation des caractères alternatifs pour les majuscules. |
font-variant-east-asian |
Contrôle de l'utilisation des caractères alternatifs pour les textes en caractères de l'Est de l'Asie (par exemple, le chinois et le japonais). |
font-variant-ligatures |
Contrôle de l'utilisation des ligatures et des formes contextuelles pour les éléments textuels. |
font-variant-numeric |
Contrôle de l'utilisation des caractères alternatifs pour les nombres, les fractions et les marqueurs de numérotation. |
font-variant-position |
Contrôle de l'utilisation des caractères alternatifs pour les petites polices, ces caractères sont positionnés par rapport à la ligne de base en position de superscript ou de subscript. |
font-weight |
Définir la gravité de la police. |
grid |
Propriété abrégée pour grid-template-rows, grid-template-columns, grid-template-areas, grid-auto-rows, grid-auto-columns et grid-auto-flow. |
grid-area |
Peut définir le nom de l'élément de grille, ou les propriétés abrégées grid-row-start, grid-column-start, grid-row-end et grid-column-end. |
grid-auto-columns |
Définir la taille par défaut des colonnes. |
grid-auto-flow |
Définir comment insérer des projets placés automatiquement dans la grille. |
grid-auto-rows |
Définir la taille par défaut des lignes. |
grid-column |
Propriété abrégée pour grid-column-start et grid-column-end. |
grid-column-end |
Définir comment terminer le projet de grille. |
grid-column-gap |
Définir la taille de l'intervalle entre les lignes. |
grid-column-start |
Définir d'où commence le projet de grille. |
grid-gap |
Propriété abrégée pour grid-row-gap et grid-column-gap. |
grid-row |
Propriété abrégée pour grid-row-start et grid-row-end. |
grid-row-end |
Définir où se termine le projet de grille. |
grid-row-gap |
Définir la taille de l'intervalle entre les lignes. |
grid-row-start |
Définir d'où commence le projet de grille. |
grid-template |
Propriété abrégée pour grid-template-rows, grid-template-columns et grid-areas. |
grid-template-areas |
Définir comment utiliser les éléments de grille nommés pour afficher les colonnes et les lignes. |
grid-template-columns |
Spécifier la taille des colonnes et le nombre de colonnes dans le layout en grille. |
grid-template-rows |
Spécifier la taille des lignes dans le layout en grille. |
margin |
Définir toutes les propriétés des marges dans une seule déclaration. |
margin-block |
Définir la marge externe dans la direction de bloc. |
margin-block-end |
Définir la marge externe de fin dans la direction de bloc. |
margin-block-start |
Définir la marge externe de début dans la direction de bloc. |
margin-bottom |
Définir la marge inférieure de l'élément. |
margin-inline |
Définir la marge externe en direction de ligne. |
margin-inline-end |
Définit la marge de fin dans la direction en ligne. |
margin-inline-start |
Définit la marge de début dans la direction en ligne. |
margin-left |
Définit la marge gauche externe de l'élément. |
margin-right |
Définit la marge droite externe de l'élément. |
margin-top |
Définit la marge supérieure externe de l'élément. |
marker |
Pointe vers le marqueur qui sera dessiné sur tous les sommets du chemin de l'élément (le premier, les intermédiaires et le dernier). |
marker-end |
Pointe vers le marqueur qui sera dessiné sur le dernier sommet du chemin de l'élément. |
marker-mid |
Pointe vers le marqueur qui sera dessiné sur tous les sommets intermédiaires du chemin de l'élément. |
marker-start |
Pointe vers le marqueur qui sera dessiné sur le premier sommet du chemin de l'élément. |
mask |
Abréviation des propriétés suivantes :
|
mask-clip |
Définit la zone affectée par l'image de masque. |
mask-composite |
Définit l'opération de composition utilisée entre le masque actuel et le masque inférieur. |
mask-image |
Définit l'image utilisée comme masque de l'élément. |
mask-mode |
Définit si l'image du masque est traitée comme un masque de luminosité ou comme un masque alpha. |
mask-origin |
Définit la position originale de l'image du masque (zone de position du masque). |
mask-position |
Définit la position de départ de l'image du masque (par rapport à la zone de position du masque). |
mask-repeat |
Définit le mode de répétition de l'image du masque. |
mask-size |
Définit la taille de l'image du masque. |
mask-type |
Défini SVG Détermine si l'élément est traité comme un masque de luminosité ou comme un masque alpha. |
max-height |
Définit la hauteur maximale de l'élément. |
max-width |
Définit la largeur maximale de l'élément. |
@media |
Définit les règles de style pour différents types de média, appareils et tailles. |
max-block-size |
Définit la taille maximale de l'élément dans la direction en bloc. |
max-inline-size |
Définit la taille maximale de l'élément dans la direction en ligne. |
min-block-size |
Définit la taille minimale de l'élément dans la direction en bloc. |
min-inline-size |
Définit la taille minimale de l'élément dans la direction en ligne. |
min-height |
Définit la hauteur minimale de l'élément. |
min-width |
Définit la largeur minimale de l'élément. |
mix-blend-mode |
Définit comment le contenu de l'élément doit se mélanger avec le fond de son parent direct. |
object-fit |
Définit comment le contenu de l'élément doit s'adapter à la hauteur et à la largeur de la boîte qu'il crée. |
object-position |
Détermine l'alignement de l'élément de remplacement dans sa boîte. |
offset |
Abréviation des propriétés suivantes :
|
offset-anchor |
Détermine le point fixe de l'élément sur le chemin d'animation. |
offset-distance |
Détermine la position de l'élément sur le chemin d'animation. |
offset-path |
Détermine le chemin de l'animation de l'élément. |
offset-position |
Détermine la position initiale de l'élément le long du chemin. |
offset-rotate |
Détermine la rotation de l'élément le long du chemin d'animation. |
opacity |
Définit le niveau d'opacité de l'élément. |
order |
Définit l'ordre des éléments élastiques par rapport aux autres éléments. |
orphans |
Définit le nombre minimum de lignes à conserver en bas de la page ou de la colonne. |
orphans |
Définit le nombre minimum de lignes à conserver en bas de la page lors de la pagination. |
outline |
Abréviation des propriétés outline-width, outline-style et outline-color. |
outline-color |
Définit la couleur du contour. |
outline-offset |
Déplace le contour et le dessine au-delà de la bordure. |
outline-style |
Définit le style du contour. |
outline-width |
Définit la largeur de la contour. |
overflow |
Détermine ce qui se passe si le contenu dépasse la boîte de l'élément. |
overflow-anchor |
Détermine si le contenu visible doit être poussé vers le bas lors du chargement de nouveau contenu dans un conteneur défilable. |
overflow-wrap |
Détermine si le navigateur peut couper une ligne dans un mot long qui dépasse le conteneur. |
overflow-wrap |
Détermine si le navigateur peut couper un mot dans une ligne pour éviter le débordement (quand une chaîne est trop longue pour s'adapter à sa boîte conteneur). |
overflow-x |
Détermine si le contenu est tronqué aux bords gauche et droit de l'élément si il dépasse la zone de contenu de l'élément. |
overflow-y |
Détermine si le contenu est tronqué aux bords supérieur et inférieur de l'élément si il dépasse la zone de contenu de l'élément. |
overscroll-behavior |
Détermine si l'élément a une chaîne de défilement ou un effet de défilement excessif en horizontal et vertical. |
overscroll-behavior-block |
Détermine si l'élément a une chaîne de défilement ou un effet de défilement excessif en direction bloc. |
overscroll-behavior-inline |
Détermine si l'élément a une chaîne de défilement ou un effet de défilement excessif en direction inline. |
overscroll-behavior-x |
Détermine si l'élément a une chaîne de défilement ou un effet de défilement excessif en horizontale. |
overscroll-behavior-y |
Détermine si l'élément a une chaîne de défilement ou un effet de défilement excessif en verticale. |
padding |
Abréviation des propriétés padding-*. |
padding-block |
Définir le padding interne dans la direction en bloc. |
padding-block-end |
Définir le padding interne à la fin de la direction en bloc. |
padding-block-start |
Définir le padding interne à l'origine de la direction en bloc. |
padding-bottom |
Définir le padding interne inférieur de l'élément. |
padding-inline |
Définir le padding interne dans la direction en ligne. |
padding-inline-end |
Définir le padding interne à la fin de la direction en ligne. |
padding-inline-start |
Définir le padding interne à l'origine de la direction en ligne. |
padding-left |
Définir le padding interne gauche de l'élément. |
padding-right |
Définir le padding interne droit de l'élément. |
padding-top |
Définir le padding interne supérieur de l'élément. |
@page |
Personnaliser la taille, l'orientation et les marges des pages d'impression. |
page-break-after |
Définir le comportement de pagination (page-break) après l'élément. |
page-break-before |
Définir le comportement de pagination (page-break) avant l'élément. |
page-break-inside |
Définir le comportement de pagination (page-break) à l'intérieur de l'élément. |
paint-order |
Définir l'ordre de dessin des éléments SVG ou du texte. |
perspective |
Fournir une perspective aux éléments positionnés en 3D. |
perspective-origin |
Définir la position où l'utilisateur regarde l'élément positionné en 3D. |
place-content |
Définir les valeurs des attributs align-content et justify-content pour le flexbox et le layout en grille. |
place-items |
Définir les valeurs des attributs align-items et justify-items du layout en grille. |
place-self |
Définir les valeurs des attributs align-self et justify-self du布局 en grille. |
pointer-events |
Définir si l'élément réagit aux événements de pointeur. |
position |
Définir le type de méthode de positionnement de l'élément (statique, relative, absolue ou fixe). |
@property |
Définir des attributs CSS personnalisés directement dans la feuille de style, sans exécuter de JavaScript. |
scale |
Définir la taille de l'élément en le dilatant ou en le réduisant. |
@scope |
Permet de sélectionner des éléments spécifiques dans un arbre DOM spécifique et de les localiser de manière précise sans écrire de sélecteurs trop spécifiques. |
scroll-behavior |
Définit si le cadre de défilement roule de manière lisse ou en saut direct. |
scroll-margin |
La marge externe entre la position d'attraction et le conteneur. |
scroll-margin-block |
La marge externe entre la position d'attraction en bloc et le conteneur. |
scroll-margin-block-end |
La marge externe entre la position d'attraction en bloc de fin et la fin du conteneur. |
scroll-margin-block-start |
La marge externe entre la position d'attraction en bloc de début et le début du conteneur. |
scroll-margin-bottom |
La marge externe entre la position d'attraction du bas et le conteneur. |
scroll-margin-inline |
La marge externe entre la position d'attraction en ligne et le conteneur. |
scroll-margin-inline-end |
La marge externe entre la position d'attraction en ligne de fin et la fin du conteneur. |
scroll-margin-inline-start |
La marge externe entre la position d'attraction en ligne de début et le début du conteneur. |
scroll-margin-left |
La marge externe entre la position d'attraction de la gauche et le conteneur. |
scroll-margin-right |
La marge externe entre la position d'attraction de la droite et le conteneur. |
scroll-margin-top |
La marge externe entre la position d'attraction du haut et le conteneur. |
scroll-padding |
La distance du conteneur à la position d'attraction de l'élément. |
scroll-padding-block |
La distance du conteneur à la position d'attraction de l'élément dans la direction en bloc. |
scroll-padding-block-end |
La distance de fin de la direction en bloc du conteneur à la position d'attraction de l'élément. |
scroll-padding-block-start |
La distance de début de la direction en bloc du conteneur à la position d'attraction de l'élément. |
scroll-padding-bottom |
La distance du bas du conteneur à la position d'attraction de l'élément. |
scroll-padding-inline |
La distance du conteneur à la position d'attraction de l'élément dans la direction en ligne. |
scroll-padding-inline-end |
La distance de fin de la direction en ligne du conteneur à la position d'attraction de l'élément. |
scroll-padding-inline-start |
La distance de début de la direction en ligne du conteneur à la position d'attraction de l'élément. |
scroll-padding-left |
Spécifie la distance entre le conteneur gauche et la position d'attraction du sous-élément. |
scroll-padding-right |
Spécifie la distance entre le conteneur droit et la position d'attraction du sous-élément. |
scroll-padding-top |
Spécifie la distance entre le haut du conteneur et la position d'attraction du sous-élément. |
scroll-snap-align |
Spécifie la position de l'élément lorsque l'utilisateur arrête de dérouler. |
scroll-snap-stop |
Spécifie le comportement de défilement après un glissement rapide sur le pavé tactile ou l'écran tactile. |
scroll-snap-type |
Spécifie le comportement d'attraction lors du défilement. |
scrollbar-color |
Spécifie la couleur de la barre de défilement de l'élément. |
shape-outside |
Définit la forme d'encerclement du contenu en ligne. |
@starting-style |
Définit le style de départ de l'élément avant la première mise à jour de style. |
@supports |
Utilisé pour tester si le navigateur prend en charge une certaine fonctionnalité CSS. |
tab-size |
Définit la largeur des tabulateurs. |
table-layout |
Définit l'algorithme utilisé pour le layout des cellules, des lignes et des colonnes. |
text-align |
Définit le mode d'alignement horizontal du texte. |
text-align-last |
Décris comment aligner le dernier ligne d'un bloc ou d'une ligne avant un saut de ligne forcé lorsque text-align est "justify". |
text-combine-upright |
Combine plusieurs caractères dans l'espace d'un seul caractère. |
text-decoration |
Définit la décoration de texte. |
text-decoration-color |
Définit la couleur de la décoration de texte (text-decoration). |
text-decoration-line |
Définit le type de ligne dans la décoration de texte (text-decoration). |
text-decoration-style |
Définit le style de ligne dans la décoration de texte (text-decoration). |
text-decoration-thickness |
Définit l'épaisseur de la ligne de décoration. |
text-emphasis |
Abréviation des propriétés suivantes :
|
text-emphasis-color |
Spécifie la couleur des balises d'accentuation. |
text-emphasis-position |
Spécifie la position des balises d'accentuation. |
text-emphasis-style |
Spécifie le style des balises d'accentuation. |
text-indent |
Définit le retrait de la première ligne dans un bloc de texte (text-block). |
text-justify |
Définit la méthode d'alignement utilisée lorsque text-align est "justify". |
text-orientation |
Définir la direction des caractères dans une ligne. |
text-overflow |
Définir ce qui se passe lorsque le texte dépasse l'élément conteneur. |
text-shadow |
Ajouter une ombre au texte. |
text-transform |
Contrôler la casse du texte. |
text-underline-offset |
Définir la distance d'offset de la décoration soulignée du texte. |
text-underline-position |
Définir la position de la décoration soulignée du texte. |
top |
Définir la position supérieure de l'élément positionné. |
transform |
Appliquer une transformation 2D ou 3D à l'élément. |
transform-origin |
Permettre de changer la position de l'élément transformé. |
transform-style |
Définir comment les éléments imbriqués sont rendus dans l'espace 3D. |
transition |
Propriété abrégée de toutes les propriétés transition-*. |
transition-delay |
Définir quand l'effet de transition doit commencer. |
transition-duration |
Définir le nombre de secondes ou de millisecondes nécessaires pour achever l'effet de transition. |
transition-property |
Définir le nom de l'attribut CSS correspondant à l'effet de transition. |
transition-timing-function |
Définir la courbe de vitesse de l'effet de transition. |
translate |
Définir la position de l'élément. |