String.prototype.fontcolor()

Метод fontcolor() (колір шрифту) значень String створює рядок, що вбудовує рядок цього методу в елемент <font> (<font color="...">str</font>), завдяки якому цей рядок виводиться з заданим кольором шрифту.

Примітка: Всі обгортальні методи HTML є нерекомендованими та стандартизовані лише для потреб сумісності. У випадку fontcolor(), сам елемент <font> було вилучено в HTML5, і його більше не слід використовувати. Замість цього веброзробники повинні використовувати властивості CSS.

Синтаксис

fontcolor(color)

Параметри

color

Рядок, що містить вираження кольору через шістнадцятковий RGB-триплет чи рядковий літерал. Перелік літералів для позначення імен кольорів наведений у довіднику з кольорів CSS.

Повернене значення

Рядок, що починається з початкового тега <font color="color"> (подвійні лапки в color замінюються на "), потім текст str, і потім кінцевий тег </font>.

Опис

Сам метод fontcolor просто з'єднує рядкові частини докупи, не виконуючи жодних валідації та нормалізації. Проте щоб створити дійсний елемент <font>, якщо колір виражено шістнадцятковою трійкою RGB, необхідно використовувати формат rrggbb. Наприклад, шістнадцяткові значення RGB для оранжево-рожевого кольору: red=FA, green=80, blue=72, тож трійка RGB для оранжево-рожевого – "FA8072".

Приклади

Застосування методу fontcolor()

Наступний приклад використовує метод fontcolor() для зміни кольору тексту шляхом створення рядка з HTML-елементом <font>.

const worldString = "Привіт, світе!";

console.log(`${worldString.fontcolor("red")} в цьому рядку — червоний`);
// '<font color="red">Привіт, світе!</font> в цьому рядку — червоний'

console.log(
  `${worldString.fontcolor(
    "FF00",
  )} в цьому рядку — теж червоний, але шістнадцятковим значенням`,
);
// '<font color="FF00">Привіт, світе!</font> в цьому рядку — теж червоний, але шістнадцятковим значенням'

За допомогою об'єкта element.style можна отримати атрибут style елементу і більш загально ним маніпулювати, як от, наприклад:

document.getElementById("yourElemId").style.color = "red";

Специфікації

Сумісність із браузерами

Дивіться також

• Поліфіл String.prototype.fontcolor у складі core-js
• String.prototype.fontsize()