color¶
Свойство color
определяет цвет текста элемента.
Шрифт и Цвет
- font
- font-family
- font-feature-settings
- font-kerning
- font-language-override
- font-optical-sizing
- font-size
- font-size-adjust
- font-stretch
- font-style
- font-synthesis
- font-variant
- font-variant-alternates
- font-variant-caps
- font-variant-east-asian
- font-variant-ligatures
- font-variant-numeric
- font-variant-position
- font-variation-settings
- font-weight
- line-height
- color
- color-adjust
- opacity
Синтаксис¶
/* Keyword values */
color: currentcolor;
/* <named-color> values */
color: red;
color: orange;
color: tan;
color: rebeccapurple;
/* <hex-color> values */
color: #090;
color: #009900;
color: #090a;
color: #009900aa;
/* <rgb()> values */
color: rgb(34, 12, 64, 0.6);
color: rgba(34, 12, 64, 0.6);
color: rgb(34 12 64 / 0.6);
color: rgba(34 12 64 / 0.3);
/* <hsl()> values */
color: hsl(30, 100%, 50%, 0.6);
color: hsla(30, 100%, 50%, 0.6);
color: hsl(30 100% 50% / 0.6);
color: hsla(30 100% 50% / 0.6);
/* Global values */
color: inherit;
color: initial;
color: unset;
Значения¶
<цвет>
- цвет
transparent
- Устанавливает прозрачный цвет.
Значение по-умолчанию: Зависит от настроек браузера, обычно чёрный цвет
Применяется ко всем элементам
Спецификации¶
Описание и примеры¶
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>color</title>
<style>
p::first-letter {
color: #f15a22; /* Цвет символа */
font-size: 2em; /* Размер шрифта */
}
p {
color: rgb(0, 113, 181); /* Цвет текста */
}
</style>
</head>
<body>
<p>
Явление культурологического порядка mezzo forte
вызывает неизменный микрохроматический интервал. Эти
слова совершенно справедливы, однако октавер
неизменяем. Легато использует нечётный динамический
эллипсис. Кластерное вибрато выстраивает неизменный
пласт.
</p>
<p>
Звукоряд, как бы это ни казалось парадоксальным,
неравномерен. Развивая эту тему, пентатоника имеет
midi-контроллер. Алеаторика просветляет зеркальный
флажолет. Векторно-зеркальная синхронность свободна.
Арпеджио полифигурно вызывает звукорядный канал, и
здесь мы видим ту самую каноническую секвенцию с
разнонаправленным шагом отдельных звеньев.
</p>
</body>
</html>