Властивість 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;
}
: