# Свойство text-decoration

Свойство `text-decoration` добавляет тексту различные эффекты: подчеркивание, перечеркивание, линию сверху.

## Синтаксис

`селектор { text-decoration: underline | line-through | overline | none; }`

## Значения

Значение | Описание
--- | ---
`underline` | Делает подчеркнутый текст.
`line-through` | Делает перечеркнутый текст.
`overline` | Делает линию над текстом.
`none` | Отменяет подчеркивание подчеркнутого элемента. Чаще всего используется для ссылок, так как они по умолчанию подчеркнуты.

Значение по умолчанию: `none`. Для ссылок значение по умолчанию: `underline`.

## Пример . Значение underline

`<div id="elem"> Lorem ipsum dolor sit amet. </div>` `#elem { text-decoration: underline; }`

:

## Пример . Значение line-through

`<div id="elem"> Lorem ipsum dolor sit amet. </div>` `#elem { text-decoration: line-through; }`

:

## Пример . Значение overline

`<div id="elem"> Lorem ipsum dolor sit amet. </div>` `#elem { text-decoration: overline; }`

:

## Смотрите также

- свойство `text-decoration-style`,
  которое позволяет изменять тип линии
- свойство `text-decoration-color`,
  которое позволяет изменять цвет линии
- свойство `text-decoration-line`,
  которое позволяет изменять позицию линии

←→
↑