Liste des balises CSS souvent utilisées
Ce tableau liste les principales balises en CSS avec une description de leur utilisation. Les balises CSS permettent de personnaliser l’apparence de votre contenu web, en définissant des propriétés telles que la couleur, la taille, la police de caractères, la bordure, la position et la visibilité des éléments sur la page. En utilisant les balises CSS de manière stratégique, vous pouvez améliorer l’expérience utilisateur de votre site web et optimiser son référencement SEO en rendant votre contenu plus attractif et plus facile à lire pour les visiteurs et les moteurs de recherche.
Balise CSS | Description |
---|---|
color | Définit la couleur du texte |
font-family | Définit la police de caractères utilisée pour le texte |
font-size | Définit la taille de la police de caractères |
font-weight | Définit l’épaisseur de la police de caractères |
font-style | Définit le style de la police de caractères (normal, italique, oblique, etc.) |
text-align | Définit l’alignement horizontal du texte |
text-decoration | Définit la décoration du texte (souligné, barré, etc.) |
text-transform | Définit la transformation du texte (majuscules, minuscules, etc.) |
line-height | Définit la hauteur de ligne (l’espacement entre les lignes de texte) |
letter-spacing | Définit l’espacement entre les lettres |
word-spacing | Définit l’espacement entre les mots |
text-shadow | Ajoute une ombre au texte |
background-color | Définit la couleur de l’arrière-plan |
background-image | Définit l’image d’arrière-plan |
background-repeat | Définit la façon dont l’image d’arrière-plan se répète |
background-size | Définit la taille de l’image d’arrière-plan |
background-position | Définit la position de l’image d’arrière-plan |
border | Définit la bordure autour d’un élément |
border-radius | Définit le rayon des coins arrondis de la bordure |
border-color | Définit la couleur de la bordure |
border-width | Définit la largeur de la bordure |
border-style | Définit le style de la bordure |
padding | Définit l’espacement entre le contenu et la bordure |
margin | Définit l’espacement entre les éléments |
width | Définit la largeur de l’élément |
height | Définit la hauteur de l’élément |
max-width | Définit la largeur maximale de l’élément |
max-height | Définit la hauteur maximale de l’élément |
min-width | Définit la largeur minimale de l’élément |
min-height | Définit la hauteur minimale de l’élément |
display | Définit le mode d’affichage de l’élément (en bloc, en ligne, en ligne-block, etc.) |
visibility | Définit la visibilité de l’élément |
position | Définit la position de l’élément |
top | Définit la position de l’élément en haut |
bottom | Définit la position de l’élément en bas |
left | Définit la position de l’élément à gauche |
right | Définit la position de l’élément à droite |
clear | Définit la façon dont les éléments doivent être effacés autour d’un élément flottant |
z-index | Définit la hiérarchie de l’élément par rapport aux autres éléments |
overflow | Définit la façon dont l’élément doit gérer son contenu qui dépasse ses dimensions |
text-overflow | Définit la façon dont le texte doit être coupé lorsque le contenu dépasse les dimensions de l’élément |
white-space | Définit la façon dont l’élément doit gérer les espaces blancs |
list-style | Définit le style de la liste (puce, nombre, image, etc.) |
opacity | Définit l’opacité de l’élément |
box-shadow | Ajoute une ombre à l’élément |
text-indent | Définit l’indentation de la première ligne de texte |
vertical-align | Définit l’alignement vertical de l’élément |
cursor | Définit le curseur à utiliser lorsque la souris survole l’élément |
user-select | Définit la façon dont le contenu peut être sélectionné |
transition | Définit les transitions CSS pour une propriété ou un ensemble de propriétés |
transform | Applique une transformation 2D ou 3D à l’élément |
animation | Définit les animations CSS pour une propriété ou un ensemble de propriétés |
filter | Applique un effet visuel sur l’élément |
backface-visibility | Définit si la face arrière d’un élément transformé est visible ou non |
perspective | Définit la perspective pour les transformations 3D |
perspective-origin | Définit le point de vue d’où l’élément est vu |
transform-origin | Définit l’origine de la transformation 2D ou 3D |
animation-name | Définit le nom de l’animation CSS |
animation-duration | Définit la durée de l’animation |
animation-timing-function | Définit la fonction de chronométrage de l’animation |
animation-delay | Définit le délai avant le début de l’animation |
animation-iteration-count | Définit le nombre de fois que l’animation doit être répétée |
animation-direction | Définit la direction de l’animation (normale, inversée, alternée, etc.) |