W CSS odstępy wokół elementu są opisywane przez margines (margin), który jest częścią modelu pudełkowego. Margines tworzy przestrzeń na zewnątrz obramowania elementu i wpływa na odległość od sąsiednich elementów.
Właściwość margin-top ustawia dokładnie górny margines elementu, czyli odstęp nad elementem. Jest to najbardziej bezpośrednia i jednoznaczna odpowiedź na pytanie o "wartość górnego marginesu".
Dlaczego pozostałe odpowiedzi nie pasują:
- margin-left dotyczy marginesu po lewej stronie, więc zmienia odstęp z lewej, a nie u góry.
- margin-right ustawia margines po prawej stronie elementu; nie wpływa na odstęp nad elementem.
- margin-bottom kontroluje margines dolny, czyli odstęp pod elementem.
W praktyce, gdy projektujesz układ strony (np. galerie, nagłówki, opisy pod zdjęciami), świadome użycie margin-top pomaga budować czytelną hierarchię i "oddech" w kompozycji. Częstą pomyłką jest mieszanie marginesu z padding (dopełnieniem), które tworzy odstęp wewnątrz elementu, między treścią a obramowaniem.
