Khi gặp thuộc tính margin: 10px 20px;, trình duyệt web sẽ xử lý cách hiển thị phần tử dựa trên cú pháp CSS tiêu chuẩn. Cú pháp này quy định rằng khi gán giá trị cho thuộc tính margin với hai giá trị, trình duyệt sẽ:

• Áp dụng giá trị đầu tiên cho khoảng cách trên và dưới.
• Áp dụng giá trị thứ hai cho khoảng cách trái và phải.

Do đó, trình duyệt sẽ:

• Đặt margin phía trên và phía dưới của phần tử là 10px.
• Đặt margin phía trái và phía phải của phần tử là 20px.

Theo đó, phương án đúng là:

B. Chọn hướng trên - dưới để đặt giá trị khoảng cách 10px và chọn hướng trái - phải để đặt giá trị khoảng cách 20px.

Khi học về thuộc tính margin trong CSS, các em cần lưu ý cách sử dụng và ý nghĩa của việc cài đặt các giá trị khác nhau:

• Nếu chỉ có một giá trị duy nhất, giá trị đó sẽ áp dụng cho cả 4 phía.
• Nếu có hai giá trị, giá trị đầu tiên áp dụng cho trên dưới, giá trị thứ hai cho trái phải.
• Nếu có ba giá trị, giá trị đầu tiên cho phía trên, giá trị thứ hai cho trái phải, và giá trị thứ ba cho phía dưới.
• Nếu có bốn giá trị, chúng sẽ lần lượt áp dụng cho trên, phải, dưới, trái theo thứ tự đó.

Những điều này là quan trọng để hiển thị đúng bố cục của trang web.