text-decoration

Общая информация

Свойство text-decoration определяет стиль начертания текста. Позволяет оформить текст подчёркнутым, зачёркнутым, под линией. Также например, с помощью свойства можно убирать подчеркивание у ссылок при наведении.

Синтаксис и значения

  1. text-decorationunderline || line-through || overline || blink || none || inherit  
  • underline - делает текст подчёркнутым
  • line-through - делает текст зачёркнутым
  • overline - добавляет линию над текстом
  • blink - эффект мигания текста (устаревшее значение)
  • none - отменяет эффекты оформления
  • inherit - наследует значение родительского элемента

Некоторая дополнительная информация

Значение свойства по умолчанию none, исключение составляют ссылки (тег <a>), которые по умолчанию оформлены подчеркиванием. Значени свойства blink понимают немногие браузеры. Без большой необходимости лучше не использовать, т.к. большинство пользователей эффекта не увидит.

Примеры

Пример 1.

css:
  1. a#sample:hover {  
  2.     text-decorationnone/* убирает подчеркивание у ссылок при наведении */  
  3. }  
html:
  1. <a id="sample" href="http://hellohtml.ru">Для создателей сайтов</a>  
результат:
Для создателей сайтов

текст

Добавить комментарий

Имя*
Ответ*