text-emphasis-color

Базовая Широко распространённая

Эта функция хорошо зарекомендовала себя и работает на многих устройствах и версиях браузеров. Она доступна во всех браузерах с марта 2022 года.

Свойство text-emphasis-color CSS задаёт цвет знаков выделения. Это значение также можно задать с помощью сокращения text-emphasis.

Попробовать

Синтаксис

/* Initial value */
text-emphasis-color: currentcolor;

/* <color> */
text-emphasis-color: #555;
text-emphasis-color: blue;
text-emphasis-color: rgb(90 200 160 / 80%);
text-emphasis-color: transparent;

/* Global values */
text-emphasis-color: inherit;
text-emphasis-color: initial;
text-emphasis-color: revert;
text-emphasis-color: revert-layer;
text-emphasis-color: unset;

Значения

<color>: Определяет цвет знаков выделения. Если цвет не указан, используется значение по умолчанию currentcolor.

Формальное определение

Начальное значение	`currentcolor`
Применимо к	всем элементам
Наследуется	да
Вычисленное значение	вычисленный цвет
Тип анимации	a цвет

Формальный синтаксис

text-emphasis-color = 
  <color>

Примеры

Выделение цветом и пользовательским символом

CSS

em {
  text-emphasis-color: green;
  text-emphasis-style: "*";
}

HTML

<p>Here's an example:</p>

<em>This has emphasis marks!</em>

Результат

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

Спецификация
CSS Модуль текстового оформления уровня 3 # text-emphasis-color-property

Совместимость с браузерами

	Рабочие столы					Мобильные
	Chrome	Edge	Firefox	Opera	Safari	Chrome Android	Firefox for Android	Opera Android	Safari на IOS	Samsung Internet	WebView Android
`text-emphasis-color`	9925	9979	46	8515	77	9925	46	6814	77	18.01.5	994.4

См. также

Тип данных <color>
Другие свойства, относящиеся к знакам выделения: text-emphasis-style, text-emphasis и text-emphasis-position.
Другие свойства, связанные с цветом: color, background-color, border-color, outline-color, text-shadow, caret-color и column-rule-color

© 2005–2024 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/CSS/text-emphasis-color