Свойство 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,
което позволява промяна на позицията на линията
