text-decoration-color | CSS | WebReference

Устанавливает цвет линии, которая добавляется через свойство text-decoration.

Краткая информация

Значение по умолчаниюСовпадает с цветом текста
НаследуетсяНет
ПрименяетсяКо всем элементам
АнимируетсяДа

Синтаксис

text-decoration-color: <цвет>
Синтаксис
ОписаниеПример
<тип>Указывает тип значения.<размер>
A && BЗначения должны выводиться в указанном порядке.<размер> && <цвет>
A | BУказывает, что надо выбрать только одно значение из предложенных (A или B).normal | small-caps
A || BКаждое значение может использоваться самостоятельно или совместно с другими в произвольном порядке.
width || count
[ ]Группирует значения.[ crop || cross ]
*Повторять ноль или больше раз.[,<время>]*
+Повторять один или больше раз.<число>+
?Указанный тип, слово или группа не является обязательным.inset?
{A, B}Повторять не менее A, но не более B раз.<радиус>{1,4}
#Повторять один или больше раз через запятую.<время>#

Значения

См. цвет.

Песочница

Винни-Пух был всегда не прочь немного подкрепиться, в особенности часов в одиннадцать утра, потому что в это время завтрак уже давно окончился, а обед ещё и не думал начинаться. И, конечно, он страшно обрадовался, увидев, что Кролик достаёт чашки и тарелки.

div {
  padding: 10px;
  text-decoration: underline;
  text-decoration-color: {{ playgroundValue }};
}

Пример

<!DOCTYPE html> <html> <head> <meta charset=»utf-8″> <title>text-decoration-color</title> <style> a { text-decoration-color: red; } </style> </head> <body> <a href=»page/1.html»>Ссылка с подчёркиванием</a> </body> </html>

В данном примере ссылки подчёркиваются красной линией.

Объектная модель

Объект.style.textDecorationColor

Примечание

Firefox до версии 36 поддерживает свойство -moz-text-decoration-color.

Safari поддерживает свойство -webkit-text-decoration-color.

Спецификация

СпецификацияСтатус
CSS Text Decoration Module Level 3Возможная рекомендация
Спецификация

Каждая спецификация проходит несколько стадий одобрения.

  • Recommendation (Рекомендация) — спецификация одобрена W3C и рекомендована как стандарт.
  • Candidate Recommendation (Возможная рекомендация) — группа, отвечающая за стандарт, удовлетворена, как он соответствует своим целям, но требуется помощь сообщества разработчиков по реализации стандарта.
  • Proposed Recommendation (Предлагаемая рекомендация) — на этом этапе документ представлен на рассмотрение Консультативного совета W3C для окончательного утверждения.
  • Working Draft (Рабочий проект) — более зрелая версия черновика после обсуждения и внесения поправок для рассмотрения сообществом.
  • Editor’s draft (Редакторский черновик) — черновая версия стандарта после внесения правок редакторами проекта.
  • Draft (Черновик спецификации) — первая черновая версия стандарта.

Браузеры

7957448636
80636468
Браузеры

В таблице браузеров применяются следующие обозначения.

  • — элемент полностью поддерживается браузером;
  • — элемент браузером не воспринимается и игнорируется;
  • — при работе возможно появление различных ошибок, либо элемент поддерживается с оговорками.

Число указывает версию браузреа, начиная с которой элемент поддерживается.

Текст и шрифт

См. также

  • text-decoration
  • text-decoration-line
  • text-decoration-style

Рецепты

  • Как сделать волнистое подчёркивание текста?
  • Как сделать подчёркивание заголовка?

Как изменить шрифт и цвет текста с помощью CSS

Обзор

Довольно интересно отметить, что несколько веб-сайтов вполне могут иметь один и тот же HTML-код, но их стиль или CSS — это то, что отличает их! Говоря в частности о CSS, графический дизайнер проявляет через него свое творчество. Это не только дает веб-дизайнеру контроль над внешним видом веб-страниц, но также помогает создать визуальную иерархию с помощью таких параметров, как форма, цвет, пространство и размер.

Scope

В этом уроке мы узнаем следующее:

  • Мы начнем с краткого введения в HTML-файл и его настройки.
  • Затем мы узнаем о том, как изменить цвет текста в CSS, и о различных методах для этого.
    • Использование ключевых слов цвета
    • Использование шестнадцатеричных значений
    • Использование значений цвета RGBA

Базовая структура файла HTML

Представление документа, написанного на языках разметки, таких как HTML, описывается с использованием языка таблиц стилей, известного как CSS. HTML означает язык гипертекстовой разметки, тогда как CSS — это аббревиатура для каскадных таблиц стилей. Они уникальны по своему синтаксису. В то время как HTML можно рассматривать как структуру веб-сайта, CSS — это стиль, применяемый к структуре.

Настройка HTML-файла

Давайте создадим HTML-файл с именем Index.html. Мы назовем его файлом CSS style.css. Используя этот файл, вы узнаете, как изменить цвет текста в CSS.

После добавления необходимого шаблона содержимое Index.html выглядит следующим образом:

Обучение изменению цвета текста в CSS

Мы можем довольно легко изменить цвет текста в CSS. Мы можем использовать три метода:

  • Использование ключевых слов цвета
  • Использование шестнадцатеричных значений
  • Использование значений цвета RGBA

Использование ключевых слов цвета для изменения цвета текста в CSS

Чтобы изменить цвет текста в CSS, вы можете использовать для этого ключевые слова цвета.

  • Цветовые ключевые слова — это не что иное, как названия цветов, таких как красный, синий, желтый и т. д.
  • Мы изменим цвет шрифта заголовка или тега h2 в Index.html на красный.
  • Для этого вы перейдете к внешнему файлу CSS, который называется style.css. Вы должны добавить к нему следующий код —

Цвет шрифта будет успешно изменен на красный с цвета по умолчанию.

Использование шестнадцатеричных значений для изменения цвета текста в CSS

Чаще всего при разработке веб-сайта может потребоваться определенная цветовая схема или фирменный набор, которые вам могут потребоваться. Это невозможно, если вы используете цветовые ключевые слова, такие как синий, зеленый, красный и т. д. Итак, теперь вы можете научиться использовать шестнадцатеричные значения для изменения цвета шрифта элементов абзаца.

Давайте посмотрим, как этого добиться —

Добавьте следующий код в style.css. Это изменит цвет элементов абзаца на определенный оттенок синего по нашему выбору.

Использование цветовых значений RGBA для изменения цвета текста в CSS

Манипулирование цветовыми значениями RGBA также является хорошим способом изменения цвета текста в CSS. Аббревиатура RGBA означает красный, синий, зеленый и альфа-канал. Значение Alpha управляет прозрачностью цвета. Например, если значение Alpha равно 1: это означает, что цвет полностью непрозрачен. С другой стороны, когда он равен 0,75, предполагается, что цвет будет непрозрачным только на 75% или прозрачным на 25%.

Итак, вот как вы измените цвет нашего тега h3 в Index.html, используя значения цвета RGBA —

После добавления приведенного выше кода в файл style.css вы можете сказать, что знаете, как изменить шрифт цвет в CSS.

Теперь вы знаете, как эффективно изменить цвет шрифта в CSS. Хотя это может быть достигнуто с помощью внутреннего CSS и встроенного CSS, наилучшей практикой остается использование внешнего файла CSS, как вы делали в этом руководстве.

Итак, в следующий раз, когда вас спросят: «Как изменить цвет шрифта с помощью CSS?» вы не только сможете рассказать им, как это сделать, но и поделиться некоторыми советами о различных свойствах шрифта!

Заключение

В этом уроке мы рассмотрели три различных способа изменения цвета шрифта в CSS. Подводя итог, они таковы:

  • Использование ключевых слов цвета — Вы можете просто использовать ключевые слова цвета, которые являются не чем иным, как названием цвета, для оформления HTML-файла.
  • Использование шестнадцатеричных значений — Шестнадцатеричные коды или шестнадцатеричные значения позволяют получить промежуточные цвета и определенные цвета, что невозможно при использовании ключевых слов цвета. Так что теперь, если вас попросят следовать определенной цветовой схеме или фирменному набору, вы знаете, какую технику использовать в CSS.
  • Использование значений RGBA — Если вы знаете, какие значения красного, синего, зеленого и альфа-канала следует использовать, то это лучший способ изменить цвет текста в CSS. Как дизайнер, вы также можете управлять прозрачностью цвета, используя атрибут Alpha этого метода.

css — цвет шрифта (я новичок в этом созе, если он базовый)

Задавать вопрос

спросил

Изменено 1 год, 2 месяца назад

Просмотрено 76 раз

Я не могу заставить работать тег цвета шрифта. где я ошибся

 

<р>
Всю свою жизнь я шел один
<р>
По одинокой дороге сердца
<р>
На моей стороне симфонии и песни
<р>
Чтобы помочь мне найти свой путь в темноте
<р>
О, шесть утра, и некуда идти.
<р>
Пой привет, мир, так хорошо быть дома
<р>
Потерянный в темноте, но я никогда не буду один
<р>
Пой привет, мир, так хорошо быть дома
<р>
Привет, привет, привет мир
<р>
Я открываю глаза и говорю привет миру (привет миру)
<р>
Привет, привет, привет мир
<р>
Я открываю глаза и говорю привет миру
<р>
Всю ночь я разговаривал сам с собой
<р>
Голоса в моей голове не плачут
<р>
На мой взгляд, я становлюсь кем-то другим
<р>
Так вот каково это прощаться
<р>
О, шесть утра, и некуда идти.
<р>
Пой привет, мир, так хорошо быть дома
<р>
Потерянный в темноте, но я никогда не буду один
<р>
Пой привет, мир, так хорошо быть дома
<р>
Привет, привет, привет мир
<р>
Я открываю глаза и говорю привет миру (привет миру)
<р>
Привет, привет, привет мир
<р>
(Я открываю глаза и говорю привет миру)

Я много чего пробовал, но не могу заставить его работать (да, след и ошибка упали на меня)

  • css
  • цвета
  • шрифты
  • стили
2

, если у вас есть отдельный файл CSS, просто знайте свой тег, если это тег абзаца или заголовка, и

 h2 {
оранжевый цвет
}

, и если вы пытаетесь добавить встроенный CSS, добавьте стиль тега, например

это тоже помогает

во-первых, тег это тег из HTML4 и не поддерживается в HTML5 (вы не должны его использовать).

No related posts.