CSS властивості
ГлавнаяВластивості CSSАтрибут text-emphasis-position в CSS

Атрибут text-emphasis-position в CSS

311

Встановлює положення маркерів, що відображаються за допомогою властивості text-emphasis-style.

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

Синтаксис

<code>text-emphasis-position: [ over | under ] && [ right | left ]?

Позначення

Значення за замовчуванням over right
Успадковується Ні
Застосовується До всіх елементів
Анімується Ні
Опис Приклад
<тип> Вказує тип значення. <розмір>
A && B Значення повинні виводитися у зазначеному порядку. <розмір> && <колір>
A | B Вказує, що потрібно вибрати лише одне значення із запропонованих (A або B). normal | small-caps
A || B Кожне значення може використовуватися самостійно або спільно з іншими у довільному порядку. width || count
[ ] Групує значення. [ crop || cross ]
* Повторювати нуль або більше разів. [,<час>]*
+ Повторювати один або більше разів. <число>+
? Вказаний тип, слово або група не є обов'язковим. inset?
{A, B} Повторювати не менше A, але не більше B разів. <радіус>{1,4}
# Повторювати один або більше разів через кому. <час>#

Значення

over
Маркери виводяться над текстом під час його горизонтального написання.
under
Маркери виводяться під текстом під час його горизонтального написання.
right
Маркери виводяться праворуч від тексту під час його вертикального написання. ом написанні.
left
Маркери виводяться зліва від тексту при його вертикальному написанні.

Пісочниця

Віні-Пух
span { text-emphasis-style: triangle;-webkit-text-emphasis-style: triangle; text-emphasis-position: <span class="playground-active">{{playgroundValue }}</span>;-webkit-text-emphasis-position: <span class="playground-active">{{ playgroundValue }}</span>; }

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

Об'єкт.style.textEmphasisPosition

Примітка

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

Браузери не підтримують значення left та right.

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

Специфікація Статус
CSS Text Decoration Level 3 Можлива рекомендація

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

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

  • Recommendation (Рекомендація) — специфікація схвалена W3C і рекомендована як стандарт.
  • Candidate Recommendation (Можлива рекомендація) — група, яка відповідає за стандарт, задоволена, як він відповідає своїм цілям, але потрібна допомога спільноти розробників з реалізації стандарту.) — на цьому етапі документ представлений на розгляд Консультативної ради W3C для остаточного затвердження. та внесення поправок для розгляду спільнотою.
  • Editor's draft (Редакторська чернетка) — чорнова версія стандарту після внесення змін до редакторів проекту.
  • Draft (Чернетка специфікації) — перша чорнова версія стандарту.

Браузери

79 25 15 7.1 46
4.4 68 46 7

Браузери

У таблиці браузерів застосовуються такі позначення.

  •  — властивість повністю підтримується браузером з усіма допустимими значеннями;
  •  — властивість браузером не сприймається та ігнорується;
  •  — при роботі можлива поява різних помилок, або властивість підтримується лише частково. рімер, не всі допустимі значення діють або властивість застосовується не до всіх елементів, які вказані в специфікації. modal>