Cette page a été traduite à partir de l'anglais par la communauté. Vous pouvez contribuer en rejoignant la communauté francophone sur MDN Web Docs.

View in English Always switch to English

String.prototype.fontcolor()

Obsolète: Cette fonctionnalité n'est plus recommandée. Même si certains navigateurs la prennent encore en charge, elle a peut-être déjà été supprimée des standards du web, est en passe d'être supprimée ou n'est conservée qu'à des fins de compatibilité. Évitez de l'utiliser et mettez à jour le code existant si possible ; consultez le tableau de compatibilité au bas de cette page pour vous aider à prendre votre décision. Sachez que cette fonctionnalité peut cesser de fonctionner à tout moment.

La méthode fontcolor() permet de créer un élément <font> qui permet d'afficher la chaine de caractères dans une fonte utilisant la couleur donnée.

Note : L'élément <font> a été retiré dans HTML5 et ne devrait plus être utilisé. Les propriétés CSS permettent de modifier les aspects de mise en forme et doivent donc être utilisées à la place.

Syntaxe

js
str.fontcolor(couleur);

Paramètres

couleur

Une chaîne de caractères représentant la couleur en une valeur hexadécimale RGB ou comme un littéral. Les différents littéraux utilisables pour les noms de couleurs sont listés dans la référence des couleurs CSS.

Valeur de retour

Une chaîne de caractères représentant un élément HTML <font>.

Description

Si la couleur est représentée sous forme d'un triplet RVB, le format attendu est rrvvbb. Ainsi, pour représenter un rose saumon, les différentes composantes seront rouge = FA, vert = 80, et bleu = 72, le triplet s'écrit donc "FA8072".

Exemples

L'exemple qui suit illustre comment utiliser la méthode fontcolor() pour modifier la couleur d'une chaîne de caractères en créant une balise <font> qui encadre la chaîne.

js
var worldString = "Coucou monde";

console.log(
  worldString.fontcolor("red") + " avec le littéral red sur cette ligne",
);
// '<font color="red">Coucou monde</font> avec le littéral red sur cette ligne'

console.log(
  worldString.fontcolor("FF00") +
    " avec la valeur hexadécimale sur cette ligne",
);
// '<font color="FF00">Coucou monde</font> avec la valeur hexadécimale sur cette ligne'

L'objet element.style permet d'utiliser l'attribut style de l'élément et de le manipuler de façon générique. Par exemple :

js
document.getElementById("IDdeVotreElement").style.color = "red";

Spécifications

Specification
ECMAScript® 2026 Language Specification
# sec-string.prototype.fontcolor

Compatibilité des navigateurs

Voir aussi