text-emphasis-color

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

Текст

• hanging-punctuation
• hyphens
• letter-spacing
• line-break
• overflow-wrap
• paint-order
• tab-size
• text-align
• text-align-last
• text-indent
• text-justify
• text-size-adjust
• text-transform
• white-space
• word-break
• word-spacing

• letter-spacing
• text-decoration
• text-decoration-color
• text-decoration-line
• text-decoration-style
• text-decoration-thickness
• text-decoration-skip
• text-decoration-skip-ink
• text-emphasis
• text-emphasis-color
• text-emphasis-position
• text-emphasis-style
• text-indent
• text-rendering
• text-shadow
• text-underline-position
• text-transform
• white-space
• word-spacing

Синтаксис

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

/* <color> */
text-emphasis-color: #555;
text-emphasis-color: blue;
text-emphasis-color: rgba(90, 200, 160, 0.8);
text-emphasis-color: transparent;

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

Значения

<цвет>

Определяет цвет меток выделения. Если цвет отсутствует, по умолчанию currentColor.

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

• CSS Text Decoration Module Level 3

Пример

HTML

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

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

CSS

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

Результат

См. также

• text-emphasis-style
• text-emphasis
• text-emphasis-position

Ссылки

• text-emphasis-color ^{MDN (рус.)}