Zápis stran
Pro CSS vlastnosti margin, padding varianty vlastnosti border (např. border-color) a pro případné budoucí vlastnosti se dají zadat najednou odlišné vlastnosti pro všechny 4 okraje, tím, že se prostě napíšou za sebe. Oddělené mezerou (ne čárkou ani ničím jiným).
- Strany se zapisují v pořadí po směru hodinových ručiček:
- horní
- pravá
- dolní
- levá.
- 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.
Příklady
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, pravý okraj 20px, spodní okraj 30px a levý okraj 40px. Předchozí příklad je ekvivalentí zápisu:
div.ruzicka{padding-top: 10px; padding-right: 20px; padding-bottom: 30px; padding-left: 40px;}
Příklad s barvením stran
Obrázek řekne snad všechno:
Reklama
