Up5me
Trang chủ > Câu hỏi lẻ > eevuinISozoG

Đề bài

Để đặt margin cho một phần tử, cách khai báo nào sau đây là chính xác?

margin: 10px 20px 30px 40px;
margin = 10px 20px 30px 40px;
margin: 10px, 20px, 30px, 40px;
10px 20px 30px 40px: margin;
Đáp án đúng: A

Xem lời giải

Phương pháp giải

Lời giải chi tiết

Để đặt margin cho một phần tử trong CSS, chúng ta có cú pháp chuẩn là:

  • margin: <dịch chuyển trên> <dịch chuyển phải> <dịch chuyển dưới> <dịch chuyển trái>;

Phân tích từng phương án:

  • A. margin: 10px 20px 30px 40px;
    Đây là cú pháp chính xác để đặt margin cho các cạnh theo thứ tự: trên, phải, dưới, trái. Do đó, phương án này đúng.
  • B. margin = 10px 20px 30px 40px;
    Cú pháp này sai vì trong CSS không sử dụng dấu = để gán giá trị.
  • C. margin: 10px, 20px, 30px, 40px;
    Cú pháp này sai vì không có dấu , ngăn giữa các giá trị margin trong CSS.
  • D. 10px 20px 30px 40px: margin;
    Cú pháp này sai vì thứ tự key và value đã bị đảo lộn, trong CSS giá trị phải đứng sau thuộc tính cần định nghĩa.

Vậy, lựa chọn đúng là phương án A.

Chú ý khi giải

  • Trong CSS, dấu ':' dùng để phân biệt giữa thuộc tính và giá trị, không sử dụng dấu '='.
  • Các giá trị margin phải được cách nhau bằng dấu cách, không có dấu ','.
  • Cần tuân thủ đúng thứ tự margin: trên, phải, dưới, trái để đạt được hiệu ứng hiển thị như mong muốn.