Rychlá příručka - CSS - Odstavce

Kaskádové styly tagů <br> a <p>

K tagu <br> se kaskádové styly nepřiřazují, protože to nejde, proto se zde dočtete pouze o kaskádových stylech k tagu <p>. Tag <p> vytváří nový odstavec a všechen delší text na webové stránce by měl být vždy v nějakém odstavci. O tagu <p> jste se dále mohli dočíst to, že má přednastavené odsazení nahoře a dole, ale to lze kaskádovými styly zrušit. Zruší to již náš známý kaskádový styl margin. Dále k odstavci můžeme přiřazovat kaskádové styly font-family, který určuje druh fontu, color, který určuje barvu fontu, font-weight, který určuje tučnost textu, font-style, kterým lze nastavit kurzíva textu, text-decoration, kterým lze nastavit podtržení textu, font-size, kterým lze nastavit velikost textu, text-align, kterým lze nastavit zarovnání textu, kaskádové styly pro nastavení pozadí (background) a rámečku (border), ale i další kaskádové styly, které se hodí jen pro odstavce. Jedním takovým kaskádovým stylem je text-indent. Tento kaskádový styl má za hodnotu číslo s jednotkou, které bude vyjadřovat velikost odsazení prvního řádku v odstavci. Dalším kaskádovým stylem, který se nejvíce hodí pro odstavce, je kaskádový styl line-height, který má za hodnotu číslo v procentech. Toto číslo v procentech bude vyjadřovat velikost řádkování, tedy velikost mezery mezi řádky v odstavci. Normálním řádkováním je samozřejmě 100%.

© 2013 Petr Lhotský - petrlhotsky@windowslive.com