Formátován odstavců pomocí kaskádových stylů
Odsazení odstavců
Odsadit můžeme jakýkoliv blokový prvek, včetně odstavců, položek seznamu, definic, citací a nadpisů.
V HTML tři typy odsazení:
· odsazení prvního řádku – pomocí vlastnosti text-indent
· vnitřní okraj – odstup od okraje elementu použije se na všechny řádky – pomocí padding
· vnější okraj – přidá místo vně – pomocí margin
Margin a padding se ve výchozím nastavení použijí pro všechny 4 strany. Pro určení jedné strany doplníme za vlastnost –top (pro horní stěnu), -right, -bottom (pro dolní stěnu) nebo –left
<p style=“margin-top:20pt; padding-bottom:20pt“>
Použití rámečku odstavce
Můžeme použít téměř u každé párové značky.
Pro výběr stylu rámečku použijeme značku border-style s hodnotami např.
border-style: solid
border-style: dotted
border-style: dashed
border-style: double
border-style: groove
border-style: ridge
border-style: inset
border-style: outset
Určení šířky a barvy rámečku
Ve výchozím nastavení je černý a má šířku 4pixely.
Pro změnu použijeme border-width a border-color
Pro změnu jednotlivých stran rámečku opět použijeme název vlastnosti border – top, -right, - left nebo -bottom
<p style=“border-top-style:dotted; border-bottom-style:dotted; padding-top:15pt“>
Pro nastavení všech stran na jednou použijeme vlastnost border a pak všechny hodnoty v tomto pořadí: velikost, styl, barva
<p style=“border:2pt solid green“>
Zarovnání odstavce
Pomocí vlastnosti text-align. Můžeme jej použít pouze u blokových elementů př. Odstavců, seznamů, nadpisů.
Výchozími hodnotami jsou left, right, center, justify(do bloku)