Zapis CSS margin: auto; oznacza, że marginesy są

Poprawna odpowiedź: A (wyliczane przez przeglądarkę tak, aby element został wyśrodkowany w poziomie)

wyliczane przez przeglądarkę tak, aby element został wyśrodkowany w poziomie.

Gdy dla elementu blokowego (np. <div>) z zdefiniowaną szerokością (width) ustawimy margin-left: auto; i margin-right: auto; (co jest skrótowo zapisywane jako margin: auto; jeśli dotyczy tylko marginesów poziomych lub wszystkich czterech, gdzie pionowe zostaną jako 0 lub inna zadeklarowana wartość), przeglądarka automatycznie obliczy lewy i prawy margines tak, aby były równe. Skutkuje to wyśrodkowaniem tego elementu w poziomie wewnątrz jego elementu nadrzędnego (kontenera).

Ważne jest, aby element miał zdefiniowaną szerokość, inaczej margin: auto; nie wyśrodkuje go, ponieważ element blokowy domyślnie zajmuje całą dostępną szerokość. margin: auto; nie działa do wyśrodkowania w pionie w ten sam sposób.

Dlaczego pozostałe opcje są nieprawidłowe?

• B: równe domyślnym wartościom marginesów elementu, do którego są przypisane — auto to specjalna wartość powodująca obliczenie, a nie przywrócenie domyślnych marginesów (które często wynoszą 0 lub są specyficzne dla przeglądarki/elementu).
• C: stałe dla danej przeglądarki, niezależnie od rozmiaru jej okna — Wręcz przeciwnie, obliczone marginesy auto są dynamiczne i zależą od dostępnej przestrzeni w kontenerze.
• D: odziedziczone po elemencie rodzica dla danego elementu — Właściwość margin nie jest domyślnie dziedziczona. Aby wymusić dziedziczenie, należałoby użyć wartości inherit.