Атрибут text-decoration-thickness CSS
- предыдущая страница text-decoration-style
- следующая страница text-emphasis
рекомендованные курсы:
определение и использование
атрибут text-decoration-thickness определяет толщину декоративной линии.
дополнительная информация:CSS справочник:
атрибут text-decorationТекст в CSS
CSS учебник:
пример
установить разную толщину декоративной линии для элементов <h1>, <h2>, <h3>, <h4>: text-decoration: underline; text-decoration-thickness: auto; } h2 { text-decoration: underline; text-decoration-thickness: 5px; } h3 { text-decoration: underline; text-decoration-thickness: 50%; } /* Использование сокращенного свойства */ h4 { text-decoration: underline solid red 50%; }
CSS синтаксис
text-decoration-thickness: auto|from-font|длина/процент|initial|inherit;
значение атрибута
значение | описание |
---|---|
auto | браузер выбирает толщину декоративной линии. |
from-font | Если файл шрифта содержит информацию о предпочтительной толщине, используйте это значение. В противном случае, он будет представлен как auto. |
длина/процент | определяет толщину как значение длины или процент. |
initial | устанавливает этот атрибут в его значение по умолчанию. См. также initial. |
inherit | получает этот атрибут от родительского элемента. См. также inherit. |
технические детали
по умолчанию: | auto |
---|---|
наследование: | нет |
создание анимации: | не поддерживается. См. также:атрибуты, связанные с анимацией. |
версия: | CSS4 |
JavaScript синтаксис: | object.style.textDecorationThickness="5px" |
поддержка браузером
Числа в таблице указывают на версию первого браузера, который полностью поддерживает этот атрибут.
Chrome | IE / Edge | Firefox | Safari | Opera |
---|---|---|---|---|
89.0 | 89.0 | 70.0 | 12.1 | 75.0 |
- предыдущая страница text-decoration-style
- следующая страница text-emphasis