Dekorative understrekings CSS-elementer

Teknologi stilark har to funksjoner i utformingen av HTML-sider. Først, med dens hjelp, er det en formasjon stilling av de enkelte elementer av nettstedet. Dernest, det gjør enhetene visuelt tiltalende for brukeren. Gjennomføring av andre funksjonen skjer på mange måter. En av dem - understrek. CSS gir for dette attributtet tekst- dekorasjon.

Spesifikasjon attributt posten

Bruk tekst- dekorasjon eiendom er enkel. Nok til å registrere seg i CSS-filen kode, følgende linje for elementet:

tekst- decoration: znachenie_atributa;

I stedet for "znachenie_atributa» CSS-spesifikasjonen tilbyr en rekke alternativer:

• understreke - linje ligger rett under teksten;
• overlinje - linje går fra toppen av teksten;
• ingen - fjerning av alle dekorative effekter;
• arve - fatter verdier i primærelementet.

Ovennevnte er ikke alle mulige former for opptak, da dette attributtet angir ikke bare CSS strek, men andre effekter, som for eksempel "blink" eller streket tekst.

Eksempler på utforming hyperkoblinger

Nybegynnere i webdesign og programmering, oppstår spørsmålet: hvorfor bunnlinjen i teksten? På begynnelsen av æra av internett-teknologi denne metoden for tildeling av brukeren til det faktum at foran ham er en hyperkobling - tekst, ved å klikke på noe som vil bli gjennomført overgangen til en ny side.

Som standard link eiendom understreking. I praksis er det et problem å fjerne ledningen fra inaktive enheter og gjøre det synlig når brukeren beveger musepekeren. Her er et eksempel på kode som deaktiverer strek CSS linker:

en {tekst-dekorasjon: none; }

For aktive lenker med følgende oppføring:

en: hover {tekst-dekorasjon: understreke;}

Dekorative strek for avansert

Standard attributt tekst- dekorasjon har flere begrensninger:

• linje farge er forskjellig fra fargen på lenketeksten, er det umulig å skille mellom deres "fargestoffer";
• Bare den heltrukne linjen er brukt som strek. CSS ikke involverer bruk av andre stiler av merket.

Men spesielle teknikker hjelpe bypass det klassiske utseendet av teksten. I det første tilfellet, til å sette en kobling ved hjelp av det valgfrie tag .

For eksempel: