Historycznie, podczas przeglądania dokumentu internetowego, przeglądarki podkreślają i podświetlają hiperłącze do hiperłącza. Może to poważnie naruszyć wizję projektanta i zepsuć wygląd witryny. Webmaster może zastosować specjalne instrukcje CSS i usunąć podkreślenie linku, aby pięknie wstawić go na stronę.

Po co zaznaczyć link?

Od początku istnienia World Wide Web, hiperłącza mają szczególne znaczenie. Spełniają one najważniejszą funkcję łączenia milionów różnych dokumentów internetowych w jedną sieć. Specjalny status elementu w dowolny sposób określał potrzebę jego wyboru na stronie. Aby nie łączyć linku z innym tekstem (który był pierwotnie czarny), postanowiono go podkreślić i pomalować na niebiesko. Dodatkowo dodano efekty po najechaniu myszą (zniknięcie podkreślenia, zmianie kursora) i zmianie koloru już odwiedzonych referencji.


Oto pierwsze witryny takie jak ta: Hiperłącza od razu wyróżniają się na tle otaczającego tekstu. To zachowanie elementów zostało naprawione, a przeglądarki zaczęły je domyślnie stosować.

Wybór odnośników

Wraz z rozwojem CSS, było wiele możliwości, aby element kontrolny był widoczny, bez podkreślania. Co więcej, w niektórych przypadkach ta cienka linia stała się niepożądana, ponieważ nie pasowała do projektu strony internetowej. Pracownicy potrzebowali okazji za pomocą CSSusuń podświetlanie linków, na przykład w menu głównym witryny i na pasku bocznym. Zatem podstawowa idea, że ​​hiperłącze powinno być zauważalne, jest zachowana, ale sposób domyślnego wdrożenia nie zawsze spełnia potrzeby.

Zmiana stylu hiperłącza

Usunięcie podkreślenia linku CSS jest bardzo łatwe. Aby to zrobić, istnieje specjalna instrukcjadekoracji tekstu . Zarządza projektowaniem fragmentu tekstu za pomocą linii poziomej i określa jej położenie.

Lista wartości, które mogą przyjąć tę właściwość:

• podkreślenie- niższe podkreślenie;
• overline- górne podkreślenie, linia rozciąga się nad tekstem;
• line-through- przekreślenie, linia przechodzi w środku linii;
• brak- brak rejestracji.

Domyślnie przeglądarki używają instrukcji hiperłączado dekoracji tekstu: podkreślenie . Oczywiście interesuje nas wartośćbrak . Pozwala zresetować wcześniej zastosowane style, a także zresetować domyślny projekt.

Aby usunąć link podkreślenia do CSS, powinna mieć do niego zastosowanie następująca reguła:

a {
dekoracja tekstowa: brak;
}

Obsługa przeglądarek

Właściwość tworzenia tekstów i jej wartość są doskonale obsługiwane przez wszystkie istniejące przeglądarki, w tym ich starsze wersje, dzięki czemu można cofnąć łącze do CSS bezszczególne trudności.