Khai báo margin: 10px 20px 30px 40px; là cách thiết lập khoảng cách lề ngoài của một phần tử trong CSS theo thứ tự quy định là trên, phải, dưới, trái. Khi áp dụng khai báo này, mỗi giá trị tương ứng với một hướng cụ thể của lề ngoài.

Vậy, ta phân tích từng giá trị như sau:

• 10px áp dụng cho margin-top, nghĩa là khoảng cách từ trên xuống là 10px.
• 20px áp dụng cho margin-right, nghĩa là khoảng cách từ phải sang là 20px.
• 30px áp dụng cho margin-bottom, nghĩa là khoảng cách từ dưới lên là 30px.
• 40px áp dụng cho margin-left, nghĩa là khoảng cách từ trái sang là 40px.

Theo phân tích trên, phương án chính xác là phương án B: margin-top: 10px; margin-right: 20px; margin-bottom: 30px; margin-left: 40px;

• Lưu ý thứ tự thực hiện khi khai báo margin dạng 4 giá trị là trên, phải, dưới, trái.
• Hiểu rõ sự khác biệt giữa margin và padding để sử dụng đúng trong thiết kế giao diện web.
• Khi chỉ khai báo một giá trị thì giá trị đó áp dụng cho tất cả các lề. Khi khai báo hai giá trị thì công thức áp dụng dạng trên dưới - trái phải.