Dekoratívna podčiarknik CSS-elementy

Technológia štýlov má dve funkcie v dizajne HTML stránok. Po prvé, s jeho pomocou je polohe pre vytváranie jednotlivých prvkov v mieste. Po druhé, to robí jednotky vizuálne príťažlivý pre užívateľov. Implementácia druhého funkcie sa vyskytuje v mnohých ohľadoch. Jeden z nich - podčiarknuť. CSS poskytuje pre tento atribút textovú dekorácie.

Záznam atribútu Špecifikácie

Použite textovú dekorácie nehnuteľnosť je jednoduchý. Stačí sa zaregistrovať v súbore CSS kódu nasledujúci riadok za položku:

textovú dekorácie: znachenie_atributa;

Namiesto toho, aby "znachenie_atributa» Špecifikácia CSS ponúka rad možností:

• zdôrazniť - riadok ktorý sa nachádza priamo pod textom;
• overline - line prebieha od hornej časti textu;
• none - odstránenie všetkých dekoratívnych efektov;
• dedí - prijíma hodnotu rodičovského elementu.

Vyššie uvedené nie sú všetky možné formy záznamu, pretože tento atribút určuje nielen CSS podčiarkovník, ale ďalšie efekty, ako "žmurknutie" alebo prečiarknutie textu.

Príklady konštrukčných hypertextových odkazov

Začiatočníkov v web design a programovanie, Vyvstáva otázka: prečo spodný riadok v texte? Na úsvite éry internetovej technológie tento spôsob prideľovania užívateľa k tomu, že pred ním je hypertextový odkaz - text, kliknutím na ktoré sa budú vykonávať pri prechode na novú stránku.

Štandardne je vlastnosť hypertextový odkaz nastaviť podčiarknutie. V praxi to je problém odstrániť riadok z neaktívnych zariadení a aby bolo vidieť, ako sa užívateľ pohybuje ukazovateľ myši. Tu je príklad kódu, ktorý zakáže podčiarknutie CSS odkazy:

a {text-decoration: none; }

U aktívnych odkazov pomocou nasledovné položky:

a: hover {text-výzdoba: zdôrazniť;}

Dekoratívne podčiarknik pre pokročilých

Štandardné atribút textovú dekorácie má niekoľko obmedzení:

• linka farba líši od farby textu odkazu, to je nemožné rozlišovať medzi ich "zafarbenie";
• Iba plná čiara sa používa ako podčiarknutia. CSS nezahŕňa použitie iných štýlov známky.

Ale špeciálne techniky pomáhajú obísť klasický vzhľad textu. V prvom prípade nastaviť hypertextový odkaz pomocou voliteľného tagu .

napríklad: