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:

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