Оглавление

Удаление подчеркивания ссылок

Основным указанием на то, что перед нами ссылка, является то, что она подчеркнута и ее цвет изменен по сравнению с основным текстом. Такое визуальное оформление используется по умолчанию. Однако в определенных случаях может возникнуть необходимость в отображении ссылки без подчеркивания.

 

Решение

Для того чтобы убрать подчеркивание ссылок, воспользуемся свойством text-decoration. По умолчанию браузер устанавливает значение underline данного свойства для всех элементов a. Поэтому нам достаточно всего лишь установить его значение none для ссылок:

text-decoration: none;

Такой результат был достигнут с помощью следующего CSS-кода:

a:link, a:visited {
text-decoration: none;
}

Использование свойства text-decoration

Рис. 2.5. Использование свойства text-decoration позволяет убрать подчеркивание для ссылок

 

 Обсуждение
Помимо underline и none свойство text-decoration может принимать следующие значения:
• overline
• line-through
• blink

 
Эти значения можно комбинировать. К примеру, если бы вам захотелось оформить ссылку с помощью как нижнего, так и верхнего подчеркивания, как показано на рис. 2.6, то можно было бы использовать следующее правило стиля:


a:link, a:visited {
text-decoration: underline overline;
}

 

Комбинирование различных значений свойства text-decoration

Рис. 2.6. Комбинирование различных значений свойства text-decoration позволяет создавать ссылки с нижним и верхним подчеркиванием

 

 

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

 

Внимание
В каких случаях подчеркивание следует оставить? Подчеркивание ссылок применяется всеми браузерами, и, следовательно, пользователи к этому привыкли. Убирая подчеркивание ссылок в тексте, вы усложняете пользователю задачу обнаружения ссылок среди прочего выделенного текста. Я рекомендую воздержаться от использования не подчеркнутых ссылок в тексте. Существует множество способов привлекательного оформления ссылок, и действительная необходимость в удалении подчеркивания может возникнуть лишь в самых редких случаях.

 

Совсем другое дело, когда мы имеем дело с ссылками в меню или ссылками, расположенными иным образом так, что не остается никаких сомнений в их предназначении – например, когда их текст оформлен в виде кнопок. В этом случае при желании можно убрать подчеркивание, поскольку множество других факторов указывает на то, что данный текст является ссылкой.

<< Меню >>  
Комментарии принадлежат их авторам. Мы не несем ответственности за их содержание.
Отправитель Нити