Атрибут text-decoration-thickness CSS

рекомендованные курсы:

определение и использование

атрибут 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