20.Эффекты текста на CSS(text-decoration)

В CSS есть свойство text-decoration, которое отвечает за форматирование текста html для создания подчеркивания.

Синтаксис CSS text-decoration

• text-decoration: none

  underline

  overline

  line-through

  inherit

Свойство text-decoration позволяет задавать некоторые эффекты для текста:

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

Чаще всего это свойство используются для отмены подчеркивания ссылок (они по умолчанию подчеркнуты).

Давайте посмотрим, какие значения может принимать свойство text-decoration.

Значение underline

Значение underline добавляет подчеркивание тексту:

\<p>
Lorem ipsum dolor sit amet.
\</p>

p {
text-decoration: underline;
}

Значение overline

Значение overline добавляет линию над текстом:

\<p>
Lorem ipsum dolor sit amet.
\</p>

p {
text-decoration: overline;
}

Значение line-through

Значение line-through добавляет линию, перечеркивающую текст:

\<p>
Lorem ipsum dolor sit amet.
\</p>

p {
text-decoration: line-through;
}

Значение none

Значение none отменяет все эффекты.

Обычно используется для отмены подчеркивания ссылок.

\<a href="">ссылка\</a>

a {
text-decoration: none;
}