Voici l'explication détaillée de chaque propriété CSS
Propriété color
La color
propriété est utilisée pour formater la couleur du texte d'un élément.
La valeur peut être un nom de couleur(par exemple, red
, blue
, green
), un code hexadécimal(par exemple, "#FF0000" pour red
) ou une rgb()
fonction pour spécifier les Red, Green, Blue
valeurs.
Exemple: color: red;
Propriété font-size
La font-size
propriété est utilisée pour formater la taille du texte dans un élément.
La valeur peut être en pixels(par exemple, "12px"), en unités em(par exemple, "1.2em"), en pourcentages(%), ou en d'autres valeurs relatives.
Exemple: font-size: 16px;
Propriété background-color
La background-color
propriété est utilisée pour formater la couleur de fond d'un élément.
La valeur peut également être un nom de couleur, un code hexadécimal ou une fonction "rgb()" pour spécifier la couleur.
Exemple: background-color: #F0F0F0;
Propriété font-family
La propriété "font-family" définit la police utilisée pour le texte d'un élément.
La valeur peut être un nom de police(par exemple, Arial
, Helvetica
) ou une liste prioritaire de noms de polices.
Exemple: font-family: Arial, sans-serif;
Propriété text-align
La propriété "text-align" est utilisée pour aligner le texte à l'intérieur d'un élément.
La valeur peut être left
, right
, center
ou justify
(pour justifier le texte aux deux extrémités).
Exemple: text-align: center;
Propriété width
La propriété "width" spécifie la largeur d'un élément.
La valeur peut être en pixels, en pourcentages(%), ou auto
pour la largeur automatique.
Exemple: width: 300px;
Propriété height
La height
propriété spécifie la hauteur d'un élément.
La valeur peut être en pixel
, pourcentages(%), ou auto
pour la hauteur automatique.
Exemple: height: 200px;
Propriété border
La border
propriété est utilisée pour créer une bordure autour d'un élément.
La valeur peut inclure l'épaisseur de la bordure(par exemple, "1px"), border style
(par exemple, solid
, dotted
) et color
(par exemple, red
).
Exemple: border: 1px solid black;
Propriété margin
La margin
propriété définit l'espacement entre un élément et les éléments environnants.
La valeur peut être une valeur de pixel(par exemple, "10px"), des valeurs de pixel pour chaque direction(par exemple, "5px 10px"), ou auto
pour un espacement automatique.
Exemple: margin: 10px;
Propriété padding
La padding
propriété définit l'espacement entre le contenu et la bordure d'un élément.
La valeur peut être une pixel
valeur ou des valeurs de pixel pour chaque direction.
Exemple: padding: 20px;
Ce ne sont là que quelques exemples de propriétés CSS et de leurs valeurs. CSS fournit de nombreuses autres propriétés pour styliser et personnaliser les éléments de votre page Web. Vous pouvez explorer plus de propriétés et les personnaliser pour obtenir différents designs et effets pour votre site Web.