Javascript Change La Couleur Du Texte

| | | | | | | | | | | | | | | | | | | | | | | | | |

La propriété CSS background-color applique une couleur à un élément de texte. Vous pouvez spécifier un mot-clé de couleur CSS intégré, une valeur hexadécimale ou une autre valeur de couleur avec la propriété background-color. La syntaxe de cette propriété est: color: yourcolor ;.

La définition de la couleur et de la couleur d’arrière-plan du texte sur un site Web est une partie essentielle de la conception Web.

Cette C’est là que les propriétés CSS color et background-color entrent en jeu. La propriété color vous permet de définir la couleur du texte HTML. La propriété background-color vous permet de définir les couleurs de fond du texte.

Ce tutoriel expliquera, avec des exemples, comment définir la couleur du texte en CSS. Nous verrons ensuite comment définir la couleur de fond d’un élément de texte.

Couleur de police CSS

La couleur de police CSS est définie à l’aide de la propriété color. La propriété color définit la couleur du texte, pas l’arrière-plan de l’élément. Vous pouvez utiliser des mots-clés de couleur CSS ou des valeurs de couleur sous forme de chaaînes hexadécimales pour définir une couleur.

La syntaxe de la propriété color est:

Cette règle définit la couleur de toutes les balises

dans un document HTML en rouge.

Nous avons utilisé un mot-clé CSS color. Ces mots-clés sont utiles si vous souhaitez faire référence à une couleur standard, telle que "rouge" ou "bleu". Mais ces mots-clés ne décrivent pas toutes les couleurs du spectre. Si vous souhaitez utiliser une couleur spécifique, vous pouvez utiliser un autre type d’étiquette colorée.

La propriété color accepte tout l’une des valeurs suivantes:

Valeur < / td> Description Exemples
Nom de la couleur Un nom de couleur bleu, rose vif
Couleur hexadécimale Un hexadécimal Couleur. Les identifiants comportent six caractères. # f7f7f7, # 0000ff
Couleur RVB RGB signifie rouge, vert et bleu. rgb (0, 50, 28), rgb (0, 0, 255)
couleur HSL HSL signifie teinte, saturation et luminosité. hsl ( 0, 50%, 50%), hsl (180, 50%, 25%)

Par défaut, le texte la couleur utilisée par une page Web est la couleur du texte qui s’applique à la balise sur une page Web. Sauf indication contraire, elle sera noire.

Vous pouvez utilisez la propriété color pour définir les couleurs des liens dans votre feuille de style.

Prenons un exemple pour illustrer le fonctionnement de la propriété color.

Changer la couleur de la police CSS: un exemple < / h2>

Supposons que vous concevez un site Web pour un épicerie locale, Peterson and Sons. Les propriétaires souhaitent que le site Web affiche un certain bloc de texte en caractères gris. Nous pouvons le configurer à l’aide du code suivant:

Notre code renvoie: Cliquez ’Image dans l’éditeur de code ci-dessus pour voir la sortie de notre code HTML/CSS.

Utilisons un

Balise HTML pour définir un paragraphe de texte décrivant l’épicerie Peterson and Sons. Ensuite, dans notre code CSS, créons un style qui définit la couleur du texte de toutes les balises

en gris. Pour ce faire, nous utilisons une valeur pour le nom de la couleur ("gris").

Nous pourrions spécifier "rgb (128, 128, 128)" au lieu de "gris" si nous voulions faire référence à un valeur couleur RVB. Alternativement, nous aurions pu définir la couleur du texte sur gris en utilisant une valeur hexadécimale ou HSL.

Nous n’utilisons pas de fichier CSS pour nos styles. Nos styles CSS sont inclus dans une balise