Underline font css: text-decoration-color | htmlbook.ru

text-underline · WebPlatform Docs

Резюме

Не поддерживается.

Свойство text-underline является сокращением для text-underline-style, text-underline-width, text-underline-color, text-underline-mode и text-underline-mode. позиция’.

Обзорная таблица

Исходное значение

не определено для сокращенных свойств

Применяется к

все элементы с текстовым содержимым, включая сгенерированное содержимое

Унаследовано

Нет

СМИ

визуальный

Расчетное значение

указанное значение (кроме начального и наследуемого)

Анимируемый

Нет

Свойство объектной модели CSS

Н/Д

Проценты

Н/Д

Синтаксис

• подчеркивание текста: цвет подчеркивания текста
• подчеркивание текста: режим подчеркивания текста
• подчеркивание текста: положение подчеркивания текста
• подчеркивание текста: стиль подчеркивания текста

Значения

стиль подчеркивания текста

Это свойство определяет стиль линии для подчеркивания.

Возможные значения: нет/сплошной/двойной/точечный/пунктирный/точка-тире/точка-точка-тире/волна

текст-подчеркивание-цвет

Это свойство указывает цвет линии для подчеркивания.

режим подчеркивания текста

Это свойство задает режим подчеркивания, определяющий, влияет ли оформление текста на символы пробела или нет. «Пробелы» — это все символы, классифицируемые стандартом Unicode [UNICODE] как категория «Z», в дополнение к символам пробела.

Возможные значения: Continuous/skip-white-space

text-underline-position

Это свойство задает позицию подчеркивания. Он может появляться либо «до» (вверху в горизонтальном потоке), либо после (внизу в горизонтальном потоке) текста по отношению к его базовой ориентации. Это свойство обычно используется в контексте вертикального письма, когда может быть желательно, чтобы подчеркивание появлялось «перед» текстом. Это приводит к тому, что подчеркивание появляется с правой стороны вертикальной колонки письма.

Возможные значения: авто/до края/алфавитный/после края

Примеры

Просмотреть живой пример

Использование

 Свойство text-underline не поддерживается ни одним из перечисленных новых браузеров (Chrome/FF/Opera/IE10).
 

Вместо этого используйте text-decoration: подчеркните .

Возможное исключение: text-underline-position : /css/properties/text-underline-position.

Примечания

Свойство text-decoration имеет ограничения, вытекающие из его синтаксиса, препятствующие точному управлению каждым из этих эффектов форматирования. В частности, он не дает возможности управлять цветом или стилем линии подчеркивания, надчеркивания или сквозной линии. CSS3 расширяет модель, добавляя новые свойства, обеспечивающие дополнительные элементы управления этими эффектами форматирования. CSS3 также позволяет включать и выключать эти эффекты форматирования, не влияя на другие настройки «украшения текста».

См. также

Статьи по теме

Шрифт CSS

• семейство шрифтов

• кернинг шрифта

• переопределение языка шрифта

• размер шрифта

• настройка размера шрифта

• стиль шрифта

• вариант шрифта

• рендеринг текста

• подчеркивание текста

• изменение пользователем

• Начинающие
• Концепции
• HTML
• УСБ
• Доступность
• JavaScript
• ДОМ
• СВГ

Свойство CSS: text-underline-position: `from-font` | Могу ли я использовать… Таблицы поддержки для HTML5, CSS3 и т. д.

Могу ли я использовать

?

Свойство CSS: text-underline-position: `from-font`

• global»>

  Глобальное использование

  74,44% + 0% знак равно 74,44%

IE

1. 6 — 10: Not supported
2. 11: Not supported

Edge

1. 12 — 86: Not supported
2. 87 — 107: Supported
3. 108: Supported

Firefox

1. 2 — 73: Not supported
2. 74 — 106: Supported
3. 107: Supported
4. 108 — 109: Supported

Chrome

1. 4 — 86: Not supported
2. 87 — 107: Supported
3. 06% — Supported»> 108 : Supported
4. 109 — 111: Supported

Safari

1. 3.1 — 16.1: Not supported
2. 16.2: Not supported
3. 16.3: Not supported
4. TP: Supported

Opera

1. 10 — 91: Not supported
2. 92: Not supported

Safari on iOS

1. 3.2 — 16.1: Not supported
2. 16.2: Not supported
3. 16.3: Not supported

Opera Mini

1. all: Support unknown

Browser Android

1. 46% — Not supported»> 2.1 — 4.4.4: не поддерживается
2. 108: Поддерживается

Opera Mobile

1. 12 — 12.1: Не поддерживается
2. 72: не поддерживает44444444444444444444444444444444444444444444444444444444444444444440124 Chrome for Android
   1. 108: Поддерживается

   Firefox для Android

   1. 107: Не поддерживается

   UC Brower для Android

   3 13.4.4.4.4.4.4.4.4.4.4.4.4.4.4.4.4.4.4.4.4.4.4.4.4.4.4.4.4.4.4.4.4.4.4.4: поддержка Android
   3 13,4: поддержка Android
   313 13.4: поддержка Android
   . поддерживается
   1. 14.0–18.0: поддерживается
   2. 19.