Смещение подчеркивания текстаlink

https://dev.ru.simai.io/ru/ui/utility/text-decoration/text-decoration-offset.php

С помощью модификаторов смещения подчеркивания можно изменить отступ между
текстом и линией подчеркивания.

Таблица классовlink

Класс Значение
.decoration-offset-auto text-underline-offset: auto;
.decoration-offset-0 text-underline-offset: var(--sf-a0);
.decoration-offset-1 text-underline-offset: var(--sf-a1);
.decoration-offset-2 text-underline-offset: var(--sf-a2);
.decoration-offset-3 text-underline-offset: var(--sf-a3);
.decoration-offset-4 text-underline-offset: var(--sf-a4);

Описаниеlink

Модификаторы смещения подчеркивания текста определяют вертикальный отступ
между текстом и линией подчеркивания. Можно использовать как автоматический
отступ, так и фиксированные значения, определённые системными переменными.

Синтаксисlink

Использование: {модификатор}

  • Модификатор (обязательный параметр):
    • decoration-offset-auto — автоматический отступ.
    • decoration-offset-0 ... decoration-offset-4 — отступ задан системными переменными.

Пример использованияlink

<p class="underline decoration-offset-auto">
  Этот текст будет подчеркнут с автоматическим отступом линии.
</p>

<p class="underline decoration-offset-2">
  Этот текст будет подчеркнут с отступом линии, заданным через переменную.
</p>