Jak zapisać marginesy zewnętrzne: górny i dolny 20 px, lewy i prawy 40 px?
Dobrze. Pierwsza wartość = góra/dół, druga = boki.
Źle. To cztery różne marginesy, niezgodne z wymaganiem.
Źle. Cztery wartości to góra/prawo/dół/lewo - inny układ.
Źle. Tu byłoby 40 px góra/dół, 20 px boki - odwrotnie.
W zapisie skróconym z dwiema wartościami
margin: pion poziom pierwsza dotyczy góry i dołu, druga lewej i prawej. Górny i dolny 20px, boczne 40px daje więc margin: 20px 40px;. Dlatego poprawny jest margin: 20px 40px;.Kolejność ma znaczenie.
margin: 40px 20px; ustawia odwrotnie (góra/dół 40, boki 20). Zapisy czterowartościowe margin: 20px 20px 40px 40px; i margin: 20px 40px 40px 20px; idą w kolejności góra-prawo-dół-lewo i dają inny układ niż wymagany. Poprawny jest margin: 20px 40px;.