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 (sauf 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 doit être jouée vers l'avant, vers l'arrière ou alternativement. |
animation-duration |
Définir le temps qu'il faut à l'animation pour terminer 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 doit être jouée. |
animation-name |
Définir le nom de l'animation @keyframes. |
animation-play-state |
Définir si l'animation doit être jouée ou mise en pause. |
animation-timing-function |
Définir la courbe de vitesse de l'animation. |
aspect-ratio |
Spécifier le rapport largeur / hauteur préféré de l'élément. |
caption-side |
Définir la manière dont le titre de tableau est placé. |
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 un élément. |
clip |
Couper 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 quelle palette de couleurs du système d'exploitation doit être utilisée pour le rendu de l'élément. |
column-count |
Définit le nombre de colonnes que l'élément doit diviser. |
column-fill |
Spécifie comment remplir les colonnes (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 le pointeur est sur l'élément. |
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 |
Définit la longueur initiale des éléments élastiques. |
flex-direction |
Définit la direction des éléments élastiques. |
flex-flow |
Propriété abrégée de flex-direction et flex-wrap. |
flex-grow |
Augmentation de la quantité du projet par rapport aux autres projets. |
flex-shrink |
Réduction de la quantité du projet par rapport aux autres projets. |
flex-wrap |
Détermine si les éléments flexibles doivent être retournés sur une nouvelle ligne. |
float |
Détermine si le boîte (box) doit être flottante. |
font |
Propriété abrégée de font-style, font-variant, font-weight, font-size/line-height et font-family. |
@font-face |
Permet aux règles de télécharger et d'utiliser d'autres polices que "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 de 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 redimensionnement de la police. |
font-stretch |
Choisit 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 italique) peuvent être synthétisés par le navigateur. |
font-variant |
Détermine si le texte doit être affiché en minuscules majuscules. |
font-variant-alternates |
Contrôle l'utilisation des caractères alternatifs associés aux noms alternatifs définis dans @font-feature-values. |
font-variant-caps |
Contrôle l'utilisation des caractères alternatifs pour les majuscules. |
font-variant-east-asian |
Contrôle 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 l'utilisation des ligatures et des formes contextuelles pour les éléments texte. |
font-variant-numeric |
Contrôle l'utilisation des caractères alternatifs pour les nombres, les fractions et les marques de numérotation. |
font-variant-position |
Contrôle l'utilisation des caractères alternatifs pour les petites polices, ces caractères sont positionnés au-dessus ou en dessous de la ligne de base par rapport à la ligne de base de la police. |
font-weight |
Définit 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 d'un élément de grille, ou peut être une propriété abrégée pour grid-row-start, grid-column-start, grid-row-end et grid-column-end. |
grid-auto-columns |
Définit la taille par défaut des colonnes. |
grid-auto-flow |
Définit comment insérer des projets placés automatiquement dans la grille. |
grid-auto-rows |
Définit 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éfinit comment terminer le projet de grille. |
grid-column-gap |
Définit la taille de l'intervalle entre les lignes. |
grid-column-start |
Définit 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éfinit où se termine le projet de grille. |
grid-row-gap |
Définit la taille de l'intervalle entre les lignes. |
grid-row-start |
Définit 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éfinit comment utiliser les éléments de grille nommés pour afficher les colonnes et les lignes. |
grid-template-columns |
Définit la taille des colonnes et le nombre de colonnes dans le layout de grille. |
grid-template-rows |
Définit la taille des lignes dans le布局 de grille. |
margin |
Définir toutes les propriétés des marges dans une seule déclaration. |
margin-block |
Définir l'espace extérieur en bloc. |
margin-block-end |
Définir l'espace extérieur de fin de la direction en bloc. |
margin-block-start |
Définir l'espace extérieur de début de la direction en bloc. |
margin-bottom |
Définir l'espace extérieur inférieur de l'élément. |
margin-inline |
Définir l'espace extérieur horizontal. |
margin-inline-end |
Spécifie la marge de fin dans la direction en ligne. |
margin-inline-start |
Spécifie 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 |
Les abréviations des propriétés suivantes :
|
mask-clip |
Spécifie la zone affectée par l'image du masque. |
mask-composite |
Spécifie l'opération de composition utilisée entre le masque actuel et le masque sous-jacent. |
mask-image |
Spécifie l'image utilisée comme masque de l'élément. |
mask-mode |
Spécifie si l'image du masque est traitée comme un masque de luminosité ou comme un masque alpha. |
mask-origin |
Spécifie 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 |
Spécifie le mode de répétition de l'image du masque. |
mask-size |
Spécifie la taille de l'image du masque. |
mask-type |
Spécifie 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 |
Les abréviations 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 de l'élément. |
outline |
Abréviation des propriétés outline-width, outline-style et outline-color. |
outline-color |
Définit la couleur de la bosse. |
outline-offset |
Déplace la bosse et la dessine au-delà de l'extrémité de la bordure. |
outline-style |
Définit le style de la bosse. |
outline-width |
Définit la largeur de la bosse. |
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 nouveaux contenus dans un conteneur défilable. |
overflow-wrap |
Détermine si le navigateur peut couper les mots lorsque les mots sont trop longs pour tenir dans le conteneur. |
overflow-wrap |
Détermine si le navigateur peut couper les mots dans le cas où 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 dans les directions x et y. |
overscroll-behavior-block |
Détermine si l'élément a une chaîne de défilement ou un effet de défilement excessif dans la direction block. |
overscroll-behavior-inline |
Détermine si l'élément a une chaîne de défilement ou un effet de défilement excessif dans la 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 dans la direction x. |
overscroll-behavior-y |
Détermine si l'élément a une chaîne de défilement ou un effet de défilement excessif dans la direction y. |
padding |
Abréviation des propriétés padding-*. |
padding-block |
Spécifie la marge dans la direction bloc. |
padding-block-end |
Spécifie la marge de fin dans la direction bloc. |
padding-block-start |
Spécifie la marge de début dans la direction bloc. |
padding-bottom |
Définit la marge inférieure interne de l'élément. |
padding-inline |
Spécifie la marge interne dans la direction inline. |
padding-inline-end |
Spécifie la marge interne de fin dans la direction inline. |
padding-inline-start |
Spécifie la marge interne de début dans la direction inline. |
padding-left |
Définit la marge gauche interne de l'élément. |
padding-right |
Définit la marge droite interne de l'élément. |
padding-top |
Définit la marge supérieure interne de l'élément. |
@page |
Personnalise la taille, l'orientation et les marges de la page d'impression. |
page-break-after |
Définit le comportement de pagination (page-break) après l'élément. |
page-break-before |
Définit le comportement de pagination (page-break) avant l'élément. |
page-break-inside |
Définit le comportement de pagination (page-break) à l'intérieur de l'élément. |
paint-order |
Définit l'ordre de dessin des éléments SVG ou du texte. |
perspective |
Fournit une perspective pour les éléments positionnés en 3D. |
perspective-origin |
Définit la position où l'utilisateur voit l'élément positionné en 3D. |
place-content |
Spécifie les valeurs des attributs align-content et justify-content pour le flexbox et le layout en grille. |
place-items |
Spécifie les valeurs des attributs align-items et justify-items du layout en grille. |
place-self |
Spécifie les valeurs des attributs align-self et justify-self du布局 en grille. |
pointer-events |
Définit si l'élément réagit aux événements de pointeur. |
position |
Définit le type de méthode de positionnement utilisée pour l'élément (statique, relative, absolue ou fixe). |
@property |
Définit des attributs CSS personnalisés directement dans le tableau de styles, sans exécuter de JavaScript. |
scale |
Définir la taille de l'élément en l'agrandissant ou en le réduisant. |
@scope |
Permet de sélectionner des éléments spécifiques dans un arbre DOM et de les localiser précisément sans avoir à écrire de sélecteurs trop spécifiques. |
scroll-behavior |
Définit si le cadre déroulable doit faire défiler de manière lisse ou s'il doit sauter directement. |
scroll-margin |
La marge extérieure entre la position d'attraction et le conteneur. |
scroll-margin-block |
La marge extérieure entre la position d'attraction en direction de la boîte et le conteneur. |
scroll-margin-block-end |
La marge extérieure entre la position d'attraction en direction de la boîte et la fin du conteneur. |
scroll-margin-block-start |
La marge extérieure entre la position d'attraction en direction de la boîte et le début du conteneur. |
scroll-margin-bottom |
La marge extérieure entre la position d'attraction du bas et le conteneur. |
scroll-margin-inline |
La marge extérieure entre la position d'attraction en direction de la ligne et le conteneur. |
scroll-margin-inline-end |
La marge extérieure entre la position d'attraction en direction de la ligne et la fin du conteneur. |
scroll-margin-inline-start |
La marge extérieure entre la position d'attraction en direction de la ligne et le début du conteneur. |
scroll-margin-left |
La marge extérieure entre la position d'attraction de la gauche et le conteneur. |
scroll-margin-right |
La marge extérieure entre la position d'attraction de la droite et le conteneur. |
scroll-margin-top |
La marge extérieure entre la position d'attraction du haut et le conteneur. |
scroll-padding |
La distance entre le conteneur et la position d'attraction de l'élément. |
scroll-padding-block |
La distance entre le conteneur en direction de la boîte et la position d'attraction de l'élément. |
scroll-padding-block-end |
La distance entre la fin du conteneur en direction de la boîte et la position d'attraction de l'élément. |
scroll-padding-block-start |
La distance entre le début du conteneur en direction de la boîte et la position d'attraction de l'élément. |
scroll-padding-bottom |
La distance entre le bas du conteneur et la position d'attraction de l'élément. |
scroll-padding-inline |
La distance entre le conteneur en direction de la ligne et la position d'attraction de l'élément. |
scroll-padding-inline-end |
La distance entre la fin du conteneur en direction de la ligne et la position d'attraction de l'élément. |
scroll-padding-inline-start |
La distance entre le début du conteneur en direction de la ligne et la position d'attraction de l'élément. |
scroll-padding-left |
Spécifie la distance entre le côté gauche du conteneur et la position d'attraction du sous-élément. |
scroll-padding-right |
Spécifie la distance entre le côté droit du conteneur 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 un pavé tactile ou un é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 tabulations. |
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 |
Les abréviations 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 |
Spécifier la distance d'offset de la décoration de texte souligné. |
text-underline-position |
Spécifier la position de la décoration de texte souligné. |
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 terminer 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 |
Spécifier la position de l'élément. |