Który styl CSS pozwoli na ustawienie rozmiaru prawego marginesu zewnętrznego dla elementu <div> na 200px?

Poprawna odpowiedź: A (div { margin: 100px 200px 150px 80px; })

div { margin: 100px 200px 150px 80px; }.

Własność CSS margin służy do ustawiania marginesów zewnętrznych elementu. Gdy podajemy cztery wartości dla margin (lub padding), są one interpretowane w następującej kolejności, zgodnie z ruchem wskazówek zegara:

1. Górny margines (margin-top)
2. Prawy margines (margin-right)
3. Dolny margines (margin-bottom)
4. Lewy margines (margin-left)

Analizując opcję A: div { margin: 100px 200px 150px 80px; }

• Górny margines: 100px
• Prawy margines: 200px <--- To jest wartość, której szukamy.
• Dolny margines: 150px
• Lewy margines: 80px

Dlaczego pozostałe opcje są nieprawidłowe?

• B: div {padding: 200px 150px 100px 80px; } — Ta opcja używa padding, który ustawia marginesy wewnętrzne, a nie zewnętrzne. Poza tym, prawy padding wynosiłby 150px.
• C: div {margin: 100px 80px 200px 250px; } — Tutaj prawy margines (margin-right) wynosiłby 80px.
• D: div { padding: 80px 200px 150px 100px; } — Ta opcja również używa padding. Prawy padding wynosiłby 200px, ale pytanie dotyczy marginesu zewnętrznego (margin).