HTML5 - transformace textu

Obsah
Existují dvě vlastnosti, které nám umožňují měnit a upravovat text v dokumentech HTML5, tyto jsou textová dekorace Y textová transformace, tyto vám umožňují dát jim externí nebo ploché styly pro úpravu požadovaného textu.
Použití stylů.
Podívejme se, co každá z těchto vlastností znamená a jak je lze použít:
  • textová dekorace: Aplikujte dekoraci na textový blok, jeho možné vlastnosti jsou: žádné, podtržené, podtržené, řádkové, mrknutí.
  • textová transformace: Aplikujte transformaci na textový blok, jeho možné vlastnosti jsou: žádné, velká písmena, velká písmena, malá písmena.

Pojďme analyzovat následující příklad, kde použijeme obě vlastnosti k vytvoření efektu v textu, budeme transformovat vše na velká písmena a navíc umístíme čáru doprostřed, abychom dosáhli přeškrtnutého efektu:
 Příklad

Existuje spousta různých druhů ovoce - existuje více než 500 odrůd banánů. V době, kdy přidáme nespočet druhů jablek, pomerančů a dalšího známého ovoce, máme před sebou tisíce možností. Jedním z nejzajímavějších aspektů ovoce je odrůda dostupná v každé zemi. Bydlím poblíž Londýna, v oblasti, která je známá svými jablky.


Nyní se podívejme, co nám prohlížeč ukazuje, pokud si všimneme kódu, víme, že náš text je kombinací velkých a malých písmen a výsledek je díky textová transformace.

Tento efekt je velmi populární, protože vytvořením dobré kombinace můžeme dosáhnout pocitu hloubky, o kterém mluvíme textový stín, který nedělá nic jiného než přidat stín do textového bloku a jeho vlastnosti jsou: ,,,, tyto fungují stejným způsobem jako stíny prvků HTML.
Pamatujte, že vlastnosti h-shadow fungují pro horizontální stín, v-stín pro vertikální, rozostření nám dává difúzi stínu a barvy pro jeho barevné efekty.
Bez dalších okolků přejdeme k příkladu s použitím těchto možností:
 Příklad

Existuje spousta různých druhů ovoce - existuje více než 500 odrůd banánů. V době, kdy přidáme nespočet druhů jablek, pomerančů a dalšího známého ovoce, máme před sebou tisíce možností.


Tento kód nám v prohlížeči poskytuje následující výsledky:

Jak jsme pozorovali, byli jsme schopni vytvořit dva typy stínů pro různé texty, pouze změnou vlastností atributu textový stín.
S tímto dokončujeme tutoriál, nyní můžeme být schopni upravit náš text, můžeme dosáhnout mnoha kombinací, aby naše stránky ožily a tímto způsobem dosáhly bohatých textů, jak bychom měli vždy cvičit, dokud již nebudeme potřebovat vidět průvodce používáním toho, co jsme se dnes naučili.
wave wave wave wave wave