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).
Ještě jednou:
vlastnost: A; znamená A A A A
vlastnost: A B; znamená A B A B
vlastnost: A B C; znamená A B C B
vlastnost: A B C D; znamená A B C D
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;}
Obrázek řekne snad všechno. (Black je černá, red je červená, green je zelená, blue je modrá).
Jak psát web píše Yuhů, Dušan Janovský. Kontakt.