Выделение текста

mark

Выделяйте текст с помощью тега <mark>.

Стили

Тег Значение
mark position: relative;
white-space: pre-wrap;
background-color: var(--sf-color--bg-text-mark);
font-weight: inherit;
font-style: inherit;

Описание

HTML элемент <mark> представляет текст, выделенный в справочных целях из-за своей актуальности в определённом контексте. Например, он может быть использован на странице с результатом поиска, в которой выделяется каждый экземпляр искомого слова.

Пример

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

<p>Lorem ipsum dolor sit amet, <mark>consectetur adipiscing elit</mark>, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>

Переменные

Тег Значение
--sf-color--bg-text-mark --sf-color--yellow-2

Изменить статью