Оформление ссылокlink

https://dev.ru.simai.io/ru/ui/utility/link/link-style.php

С помощью модификаторов оформления ссылок в SIMAI Framework можно изменить
вид подчеркивания ссылок на точечный или прерывистый, создавая разнообразные
визуальные эффекты для гиперссылок.

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

Класс Значение
.link-dotted text-decoration-style: dotted;
.link-dashed text-decoration-style: dashed;

Описаниеlink

Модификаторы оформления ссылок управляют внешним видом подчеркивания,
делая его точечным или прерывистым. Можно применять их непосредственно
к ссылкам или к родительским элементам, чтобы оформление наследовалось всеми
вложенными ссылками.

Синтаксисlink

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

  • Модификатор (обязательный параметр):
    • link-dotted — подчеркивание точками.
    • link-dashed — подчеркивание прерывистыми линиями.

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

<!-- Применение к отдельной ссылке -->
<p>Эта <a href="#" class="link-dotted">ссылка</a> будет подчеркнута точками.</p>
<p>Эта <a href="#" class="link-dashed">ссылка</a> будет подчеркнута прерывистой линией.</p>

Наследованиеlink

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

<div class="link-dotted">
  <p>В этом блоке <a href="#">все ссылки</a> подчеркнуты точками.</p>
</div>

<div class="link-dashed">
  <p>В этом блоке <a href="#">все ссылки</a> подчеркнуты прерывистой линией.</p>
</div>