Dekorativní podtržítko CSS-elementy

Technologie stylů má dvě funkce v designu HTML stránek. Za prvé, s jeho pomocí je poloze pro vytváření jednotlivých prvků v místě. Za druhé, to dělá jednotky vizuálně přitažlivý pro uživatele. Provádění druhého funkce se vyskytuje v mnoha ohledech. Jeden z nich - podtrhnout. CSS poskytuje pro tento atribut textovou dekorace.

Záznam atributu Specifikace

Použijte textovou dekorace nemovitost je jednoduchý. Stačí se zaregistrovat v souboru CSS kódu následující řádek za položku:

textovou dekorace: znachenie_atributa;

Místo toho, aby „znachenie_atributa» Specifikace CSS nabízí řadu možností:

• zdůraznit - řádek který se nachází přímo pod textem;
• overline - line probíhá od horní části textu;
• none - odstranění všech dekorativních efektů;
• dědí - přijímá hodnotu rodičovského elementu.

Výše uvedené nejsou všechny možné formy záznamu, protože tento atribut určuje nejen CSS podtržítko, ale další efekty, jako „mrknutí“ nebo přeškrtnutí textu.

Příklady konstrukčních hypertextových odkazů

Začátečníky v web design a programování, Vyvstává otázka: proč spodní řádek v textu? Na úsvitu éry internetové technologie tento způsob přidělování uživatele k tomu, že před ním je hypertextový odkaz - text, kliknutím na které budou prováděny při přechodu na novou stránku.

Ve výchozím nastavení je vlastnost hypertextový odkaz nastavit podtržení. V praxi to je problém odstranit řádek z neaktivních zařízení a aby bylo vidět, jak se uživatel pohybuje ukazatel myši. Zde je příklad kódu, který zakáže podtržení CSS odkazy:

a {text-decoration: none; }

U aktivních odkazů pomocí následující položky:

a: hover {text-výzdoba: zdůraznit;}

Dekorativní podtržítko pro pokročilé

Standardní atribut textovou dekorace má několik omezení:

• linka barva liší od barvy textu odkazu, to je nemožné rozlišovat mezi jejich „zabarvení“;
• Pouze plná čára se používá jako podtržítka. CSS nezahrnuje použití jiných stylů známky.

Ale speciální techniky pomáhají obejít klasický vzhled textu. V prvním případě nastavit hypertextový odkaz pomocí volitelného tagu .

Například: