Главная → CSS → text-decoration

text-decoration

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

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

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

text-decoration: underline || line-through || overline || blink || none || inherit

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; /* убирает подчеркивание у ссылок при наведении */
}

a:hover {
    text-decoration: none; /* убирает подчеркивание у ссылок при наведении */
}

html:

<a id="sample" href="http://hellohtml.ru">Для создателей сайтов</a>

<a href="http://hellohtml.ru">Создание сайтов</a>

результат:

Для создателей сайтов

текст

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