text-decoration
Общая информация
Свойство text-decoration определяет стиль начертания текста. Позволяет оформить текст подчёркнутым, зачёркнутым, под линией. Также например, с помощью свойства можно убирать подчеркивание у ссылок при наведении.
Синтаксис и значения
- text-decoration: underline || line-through || overline || blink || none || inherit
- underline - делает текст подчёркнутым
- line-through - делает текст зачёркнутым
- overline - добавляет линию над текстом
- blink - эффект мигания текста (устаревшее значение)
- none - отменяет эффекты оформления
- inherit - наследует значение родительского элемента
Некоторая дополнительная информация
Значение свойства по умолчанию none, исключение составляют ссылки (тег <a>), которые по умолчанию оформлены подчеркиванием. Значени свойства blink понимают немногие браузеры. Без большой необходимости лучше не использовать, т.к. большинство пользователей эффекта не увидит.
Примеры
Пример 1.
css:
- a#sample:hover {
- text-decoration: none; /* убирает подчеркивание у ссылок при наведении */
- }
html:
- <a id="sample" href="http://hellohtml.ru">Для создателей сайтов</a>