Свойство цвета стиля
Пример
Установите цвет текста для разных элементов:
document.getElementById("myH2").style.color = "#ff0000";
document.getElementById("myP").style.color = "magenta";
document.getElementById("myP2").style.color = "blue";
document.getElementById("myDiv").style.color = "lightblue";
Определение и использование
Свойство color устанавливает или возвращает цвет текста.
Поддержка браузера
Property | |||||
---|---|---|---|---|---|
color | Yes | Yes | Yes | Yes | Yes |
Синтаксис
Вернуть свойство цвета:
object.style.color
Установите свойство цвета:
object.style.color = "color|initial|inherit"
Значения свойств
Value | Description |
---|---|
color | Specifies the color of the text. Look at CSS Color Values for a complete list of possible color values |
initial | Sets this property to its default value. Read about initial |
inherit | Inherits this property from its parent element. Read about inherit |
Технические детали
Значение по умолчанию: | не определен |
---|---|
Возвращаемое значение: | Строка, представляющая цвет текста элемента |
CSS-версия | CSS1 |
Дополнительные примеры
Пример
Вернуть цвет текста элемента <p>:
alert(document.getElementById("myP").style.color);
Связанные страницы
Учебное пособие по CSS: Текст CSS
Справочник по CSS: свойство цвета
❮ Объект стиля