Box model

CSS užívá "box model" pro specifikaci rozměrů a součástí elementů: Vlastnosti, které používáte pro popisování rozměrů a součástí z elementů byly založeny na imaginárním rámečku, jenž se skládá z prvků pro obsah, padding (vnitřní okraje prvku) mezi obsahem a rámečkem, rámeček, a margin (vnější okraje prvku) mezi rámečkem a jakýmkoli přilehlým objektem.

boxmodel.gif, 2 kB
POZNÁMKA CSS užívá schéma otáčení hodinových ručiček pro strany: top, right, bottom, left [horní, pravý, spodní a levý].

Můžete využít bu%d zkrácenou formu definice rozměrů v box-modelu, např. definicí pouze: margin pro nastavení vnějšího okraje všech stran, nebo pomocí např.: margin-top, margin-right, margin-bottom, a margin-left strany nastavit individualně každou zvlášť.

Pět vlastností - margin, padding, border-width, border-color, a border-style- lze kombinovat následujícím způsobem:

Model
Efekt
a
Nastaví všechny strany podle a
ab
Nastaví horní a dolní podle a; pravou a levou podle b
abc
Nastaví horní podle a; pravou a levou podle b; dolní podle c
abcd
Nastaví horní podle a; pravou podle b; dolní podle c; levou podle d

Border-top, border-right, border-bottom, border-left, a border nevyužívají tyto modely.

Hledání

Google
Web wapway

Doporučujeme

Solná jeskyně

Kykovo blog

Truhlářství Kralupy

Topení Vávra

Poptávky zdarma