Уласцівасць 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,
якое дазваляе змяняць пазіцыю лініі
