text-emphasis-style

Оновлено: 06.01.2023

text-emphasis-style

Встановлює вид маркерів над кожним символом тексту. Такі маркери зазвичай використовуються в азіатських мовах щоб показати, як вимовляється слово. Для української мови аналогом є знак наголосу, який ставиться над голосною літерою.

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

Значення за замовчуванням none
Успадковується Ні
Застосовується До всіх елементів
Анімується Ні

Синтаксис

text-emphasis-style: none | [ [ filled | open ] || [ dot | circle | double-circle | triangle | sesame ] ] | <строка>

Значення

none Маркери не виводяться.
filled Маркери будуть залиті однотонним кольором.
open Маркери будуть порожніми всередині.
dot Точка.
circle Кружок.
double-circle Подвійний кружок.
triangle Трикутник.
sesame Апостроф.
<строка> Довільний символ, пишеться в одинарних або подвійних лапках.

Значення filled і open можна комбінувати з іншими значеннями, наприклад, triangle. У цьому разі ми отримаємо суцільний або контурний трикутник.

Об'єктна модель

Об'єкт.style.textEmphasisStyle

Примітка

Edge, Chrome, Opera, Android підтримують властивість -webkit-text-emphasis-style.

Браузери

text-emphasis-style

Переглянути сумісність з Can I use?

text-emphasis-style