Dekoratív aláhúzás CSS-elemek

Technology stíluslapjuk két funkciót a design HTML-oldalakat. Először is, melynek segítségével, van egy formáció helyzetben az egyes elemek az oldalon. Másodszor, ez teszi az egységek tetszetős a felhasználónak. Végrehajtásának második funkció előfordul sok. Egyikük - hangsúlyozza. CSS ezen attribútum szöveg- díszítéssel.

Specification attribútum rekord

Használja szöveg- dekoráció tulajdonság egyszerű. Elég, hogy regisztrálják magukat a CSS fájlban kódot, a következő sort az elem:

szöveg- dekoráció: znachenie_atributa;

Ahelyett, hogy „znachenie_atributa» CSS specifikáció kínál számos lehetőség közül választhat:

• hangsúlyozni - line közvetlenül a szöveg alatt;
• overline - vonal fut a tetején a szöveget;
• none - eltávolítását minden dekoratív hatások;
• öröklik - elfogadja az értéke a szülő elem.

A fentiek nem az összes lehetséges formáját felvétel, mivel ez attribútum meghatározza nemcsak a CSS aláhúzás, de más hatások, mint például a „blink” vagy áthúzott szöveget.

Példák tervezési hiperhivatkozások

A kezdők a web design és programozás, felmerül a kérdés: miért az alsó sorban a szövegben? A hajnal a korszak az internet technológia ez a kiosztás módja a felhasználó arra a tényre, hogy előtte egy hivatkozás - szöveges, kattintva hajtják végre az átmenetet egy új oldalt.

Alapértelmezésben Hivatkozás ingatlan meghatározott aláhúzás. A gyakorlatban van egy probléma, hogy távolítsa el a vonal inaktív eszközök és láthatóvá tegye a felhasználó mozgatja az egérmutatót. Itt egy példa a kódot, amely letiltja az aláhúzás CSS linkek:

{text-dekoráció: none; }

Aktív linkek segítségével a következő bejegyzést:

A: hover {text-dekoráció: kiemelik;}

Dekoratív aláhúzás a fejlett

Szabványos attribútum szöveg- dekoráció számos korlátja van:

• vonal színe eltér a színe a link szövege, lehetetlen megkülönböztetni a „színezés”;
• Csak az egybefüggő vonal használjuk az aláhúzás. CSS nem jár az egyéb stílusok a jelet.

De speciális technikák segítenek a bypass a klasszikus megjelenés a szöveget. Az első esetben, hogy hozzanak egy hivatkozásra az opcionális tag .

Például: