В исторически план, при сърфиране в уеб документ, браузърите подчертават и подчертават хипервръзка към хипервръзката. Това може сериозно да подкопае визията на дизайнера и да развали външния вид на сайта. Уеб администраторът може да приложи специални CSS инструкции и да премахне подчертаването на връзката, за да я вмъкне красиво в страница.

Защо да подчертаете връзката?

Тъй като произхода на World Wide Web, хипервръзките имат особено значение. Те изпълняват най-важната функция за обединяване на милиони различни уеб документи в една мрежа. Специалният статус на елемент е определил необходимостта от неговото избиране на страницата по какъвто и да е начин. За да не се слее връзката с друг текст (който първоначално беше черен), беше решено да го подчертае и да го нарисува в синьо. Освен това при добавянето на мишката се добавят ефекти (изчезване на подчертаване, промяна на курсора) и промяна на цвета на вече посетените референции.


Ето първите сайтове като този: Хипервръзките незабавно се открояват на фона на заобикалящия го текст. Това поведение на елементите е фиксирано и браузърите са започнали да го прилагат по подразбиране.

Избор на референции

С развитието на CSS, имаше много възможности да се направи видимият контролен елемент, без да се подчертава. Освен това в някои случаи тази тънка линия стана нежелана, тъй като не се вписваше в дизайна на уеб страница. Работниците се нуждаеха от възможност, използвайки CSSпремахнете подчертаването на връзките, например в главното меню на сайта и страничната лента. По този начин се запазва основната идея, че хипервръзката трябва да бъде забележима, но начинът за нейното изпълнение по подразбиране не винаги отговаря на нуждите.

Промяна на стила на хипервръзката

Премахването на долната черта на връзката CSS е много лесно. За да направите това, има специална инструкцияtext-decoration . Тя управлява дизайна на част от текста, използвайки хоризонталната линия и дефинира конкретното му местоположение.

Списък на стойностите, които могат да заемат този имот:

• подчертаване- долна долна черта;
• overline- горна долна черта, линията се простира над текста;
• линия- зачертаване, линията минава по средата на линията;
• няма- няма регистрация.

По подразбиране браузърите използват инструкция за препратказа текст: подчертаване . Очевидно се интересуваме от стойността нанищо . Тя ви позволява да нулирате предварително приложените стилове, както и да нулирате дизайна по подразбиране.

За да се премахне връзка за подчертаване към CSS, следва да се прилага следното правило:

a {
text-decoration: none;
}

Поддръжка на браузър

Свойството за декориране на текст и неговата стойност се поддържат напълно от всички съществуващи браузъри, включително техните по-стари версии, така че можете да отмените връзката към CSS безспециални трудности.