Свойство text-decoration позволяет добавить линию под строкой, над строкой и перечёркивающей линии.
Возможные значения:
underline — линия под строкой
overline — линия над строкой
line-through — перечёркивающая линия
none — отменяет все эффекты перечёркивания, подчёркивания, надстрочной линии.
Значение по умолчанию: none
Наследуется: нет
Пример:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 |
<!DOCTYPE html> <html> <head> <title>CSS decoration</title> <meta http-equiv="Content-Type" content="text/html;charset=utf8"> </head> <body> <p> Обычный текст </p> <p style="text-decoration:underline;"> Здесь установлено свойство text-decoration:underline;. </p> <p style="text-decoration:line-through;"> Здесь установлено свойство text-decoration : line-through;. </p> <p style="text-decoration:overline;"> Здесь установлено свойство text-decoration: overline;. </p> <p> <a href="https://urvanov.ru/2016/02/15/css-text-decoration/">CSS text-decoration</a> </p> </body> </html> |