Zápis stran

Strany se zapisují v pořadí horní pravá dolní levá. Takže je to po směru hodinových ručiček. Pokud nějaká hodnota na konci chybí, vezme se protilehlá. Když je v zápisu stran jenom jedna hodnota, platí pro všechny čtyři strany prvku.

Pro CSS vlastnosti margin, padding, border a jejich varianty se dají zadat najednou odlišné vlastnosti pro všechny 4 okraje, tím, že se prostě napíšou za sebe.

Hodnoty pro různé strany se vždy zadávají ve směru hodinových ručiček počínaje horním. Takže horní, pravý, spodní, levý.

Příklad

div.ruzicka {padding: 10px 20px 30px 40px}

Tag div třídy class="ruzicka" bude mít nastaveny vnitřní okraje (padding) takto: horní okraj 10px, levý okraj 20px, spodní okraj 30px a levý okraj 40px. Je to ekvivalentí zápisu:

div.ruzicka{padding-top: 10px; padding-right: 20px; padding-bottom: 30px; padding-left: 40px;}