Výuka CSS


CSS vlastnost border určuje všechny vlastnosti rámečku najednou.

Jsou to vlastnosti Border-width, Border-style a Border-color (v tomto pořadí).

Taktéž určuje naráz vlastnosti všech čtyř stran rámečku. Na nastavení každé strany jinak se musí použít konkrétnějších vlastností border-*.

Výchozí rámeček (myslím) každého objektu je none = žádný rámeček.

border-width

hodnotyšířka rámečku
pixely nebo jiný rozměr kromě procent šířka rámečku v pixelech
0px rámeček tam nebude
thin slabý rámeček
medium středně silný rámeček
thick tlustý rámeček

Aby se rámeček vykreslil, musí být zadána vlastnost border-style (nebo border). Výchozí šířkou je medium, což jsou asi 3 pixely (ale neměřil jsem to a může to být v každém prohlížeči jinak).
Šířka rámečků různých stran se dá zadat pomocí vlastností border-strana-width, nebo všechny najednou vlastností border-width.

CSS vlastnost border-color určuje barvu rámečku.

Rámeček se vykreslí zadanou barvou. Pokud se barva rámečku nezadá, je výchozí hodnotou (nezadávanou) barva písma prvku (takže většinou černá). Prohlížeče se liší v tom, co považují za barvu textu u odkazu (Mozilla modrou [resp. barvu odkazu], Explorer chybně černou).
Barva rámečků různých stran se dá zadat pomocí vlastností border-strana-color, nebo všechny najednou vlastností border-coloor.
Margin
Float
Display
Border

Background