CSS - Bloky
Blok (v originále box) hraje ve formátování pomocí CSS velmi důležitou roli. Jedná se o obdélníkovou oblast, kterou zabírá prvek společně se svými „obalovými technologiemi“, jako jsou rámečky a spol.
Složení bloku
Jádrem bloku je jeho obsah (content). Čili text, obrázek či něco podobného,
co způsobilo, že blok vůbec vznikl. Například pro blok vytvořený vloženým
obrázkem (prvkem <img>
) je obsahem právě dotyčný obrázek.
Pro odstavec je obsahem obdélníková část obrazovky obsahující vlastní text
odstavce.
Kolem obsahu lze vytvořit rámeček (border). Často ovšem není vhodné, aby byl rámeček „nalepen“ těsně na obsah. Proto se mezi nimi nachází výplň (padding) určující vzdálenost rámečku od obsahu bloku. A kolem rámečku pak ještě bývá okraj (margin). Celé uspořádání ilustruje následující obrázek:
![[prvky bloku]](img/blok.gif)
CSS pochopitelně dává k dispozici sadu vlastností, kterými můžete řídit vzhled uvedených složek bloku. Vysvětlím je podrobněji na samostatných stránkách:
Podrobnosti
zpět: vytváření WWW stránek