Dekorativa streck CSS-element

Teknik format har två funktioner i utformningen av HTML-sidor. Först med dess hjälp, det finns en formation position de enskilda elementen på webbplatsen. För det andra är det enheterna visuellt tilltalande för användaren. Genomförandet av den andra funktionen sker på många sätt. En av dem - streck. CSS ger detta attribut text- dekoration.

Specifikation attribut rekord

Använd text- dekoration egendom är enkel. Tillräckligt för att registrera sig i CSS-filen koden följande rad för objektet:

text- dekoration: znachenie_atributa;

I stället för "znachenie_atributa» CSS-specifikationen erbjuder ett antal alternativ:

• stryka - line ligger direkt under texten;
• överlinje - linjen går från toppen av texten;
• none - avlägsnande av alla dekorativa effekter;
• ärver - antar värdet av det överordnade elementet.

Ovanstående är inte alla möjliga former av inspelning, eftersom detta attribut anger inte bara CSS streck, men andra effekter, till exempel "blink" eller genomstruken text.

Exempel på konstruktionshyperlänkar

Nybörjare i webbdesign och programmering, uppstår frågan: varför den nedersta raden i texten? Vid början av en tid präglad av Internet-teknik denna metod för fördelning av användaren på det faktum att framför honom är en hyperlänk - text, genom att klicka på som kommer att genomföras övergången till en ny sida.

Som standard Hyperlänk fastighet understrykning. I praktiken finns det ett problem att ta bort linjen från inaktiva enheter och göra det synligt när användaren flyttar muspekaren. Här är ett exempel på kod som inaktiverar streck CSS länkar:

a {text-decoration: none; }

För aktiva länkar med följande post:

a: hover {text-decoration: underline;}

Dekorativa streck för avancerad

Standard attribut text- dekoration har flera begränsningar:

• line annan färg än färgen på länktexten, är det omöjligt att skilja mellan deras "färg";
• Endast den heldragna linjen används som streck. CSS innebär inte användning av andra stilar av märket.

Men speciella tekniker hjälpa bypass det klassiska utseendet på texten. I det första fallet, för att ställa in en hyperlänk genom att använda den valfria taggen .

Till exempel: