Decoratieve underscore CSS-elementen

Technology stylesheet heeft twee functies in het ontwerp van HTML-pagina's. Ten eerste, met zijn hulp, is er een formatie positie van de afzonderlijke elementen van de site. Ten tweede, het maakt de eenheden visueel aantrekkelijker te maken voor de gebruiker. De uitvoering van de tweede functie treedt op vele manieren. Een van hen - te onderstrepen. CSS biedt voor decoratie dit attribuut tekst-.

Specificatie kenmerk plaat

Gebruik tekst- decoratie eigenschap is eenvoudig. Genoeg om te registreren in het CSS-bestand code, de volgende regel voor het item:

tekst- decoration: znachenie_atributa;

In plaats van "znachenie_atributa» CSS-specificatie biedt een aantal opties:

• benadrukken - regel direct onder de tekst;
• overline - lijn loopt vanaf de bovenkant van de tekst;
• geen - de verwijdering van alle decoratieve effecten;
• erven - neemt de waarde van het bovenliggende element.

Bovenstaande zijn niet alle mogelijke vormen van registratie, aangezien dit kenmerk wordt niet alleen de CSS onderstreping, maar andere effecten, zoals "knippert" of doorhalen.

Voorbeelden ontwerp hyperlinks

Beginners in web design en programmering, rijst de vraag: waarom de onderste regel in de tekst doen? Aan het begin van het tijdperk van internet technologie deze wijze van verdeling van de gebruiker aan het feit dat voor hem is een hyperlink - tekst, door te klikken op die zal de overgang naar een nieuwe pagina worden uitgevoerd.

Standaard hyperlink gebouw dat te onderstrepen. In de praktijk is er een probleem met de lijn van inactieve apparaten te verwijderen en het zichtbaar wanneer de gebruiker de muisaanwijzer. Hier is een voorbeeld van de code die de underscore CSS koppelingen uitgeschakeld:

a {text-decoration: none; }

Voor actieve links met behulp van de volgende vermelding:

a: hover {text-decoration: onderstrepen;}

Decoratieve underscore voor geavanceerde

Standard attribuut tekst- decoratie heeft een aantal beperkingen:

• lijn kleur dan de kleur van de tekst van de koppeling, is het onmogelijk om onderscheid te maken tussen hun "kleuring";
• Alleen de vaste lijn wordt gebruikt als de underscore. CSS niet het gebruik van andere stijlen van het merk te betrekken.

Maar speciale technieken helpen bypass de klassieke look van de tekst. In het eerste geval, om een hyperlink te stellen met behulp van de optionele tag .

Bijvoorbeeld: