Styly textu v HTML5

Obsah

Nejpoužívanějšími základními styly jsou zarovnání textu a ospravedlnění, což nám pomáhá text lokalizovat a zajistit jeho větší kompatibilitu s prostředím. Představme si, že musíme umístit souhrn zprávy a chceme, aby vynikl jiný text, mohli bychom, aby jeho zarovnání bylo zaměřeno tak, abychom dosáhli výtečnosti, kterou jsme na začátku chtěli.
Abychom toho dosáhli, použijeme dvě vlastnosti:

1. zarovnání textu: Určuje zarovnání textového bloku, které může nabývat hodnot: začátek, konec, vlevo, vpravo, na střed, zarovnat.

2. textově zarovnat: Určuje techniku, která bude použita k zarovnání textu, když je v zarovnání textu zvoleno zarovnání.

Podívejme se trochu na kód, kde použijeme toto:
 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.

Začátek Konec Vlevo Vpravo Zarovnat na střed


V této části kódu jsme udělali a skript s jazykem Javascript což nám umožňuje změnit atribut zarovnání textu takže když ho spustíme v prohlížeči, vidíme rozdíl mezi každou z hodnot vlastností atributu. Podívejme se, jak máme v prohlížeči několik těchto použitých vlastností:

ZVĚTŠIT

Zde si můžeme všimnout, že jsme použili levou obrazovku centrum to nám umožňuje vycentrovat text a na pravou obrazovku, kterou jsme použili že jo což nám dává možnost zarovnat text doprava.
Nyní se podívejme na další z charakteristik HTML5 když má text prázdné, dvojité nebo trojité mezery, prohlížeč je obvykle nahradí jednou mezerou, jako jsou prázdné řádky, ignoruje je, abychom s ním mohli pracovat, máme vlastnost prázdné místo, může mít následující atributy:
  • normální: Je to výchozí hodnota v prohlížeči, ignoruje více mezer a nové řádky.
  • nowrap: V tomto případě jsou mezery ignorovány, ale jsou respektovány konce řádků.
  • před: Prázdné místo a pouze konce řádků jsou zachovány.
  • předlinka: Prostor je ignorován, ale je respektován konec řádku.
  • předbalení: Je dodržena bílá mezera a dojde k přerušení řádku, pokud je uvedeno nebo když to vyžaduje blok.

Podívejme se na příklad:
 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.


Jak vidíme, do textu jsme zahrnuli více dvojitých mezer a uvedli jsme, že tuto vlastnost použijeme předlinka, Podívejme se, co nám prohlížeč ukáže:

Jak vidíme, respektovalo pouze konce řádků, nicméně mezery byly změněny na prosté mezery.

Vám pomůže rozvoji místa, sdílet stránku s přáteli

wave wave wave wave wave