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

Đề bài

Để đặt độ rộng đường viền là 2px cho một phần tử, cách khai báo nào sau đây là chính xác?

border-width: 2px;
border: width(2px);
2px: border-width;
border = 2px;
Đáp án đúng: A

Xem lời giải

Phương pháp giải

Lời giải chi tiết

Để xử lý câu hỏi này, chúng ta cần phân tích từng phương án đã cho và sử dụng kiến thức về CSS (Cascading Style Sheets) để xác định phương án đúng nhất.

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

  • Phương án A: border-width: 2px;
    Đây là cú pháp CSS chính xác để đặt độ rộng đường viền của một phần tử là 2px. Thuộc tính border-width được sử dụng để điều chỉnh độ dày của đường viền.
  • Phương án B: border: width(2px);
    Đây là một cú pháp không đúng trong CSS. Thuộc tính border đi kèm với độ dày, kiểu và màu sắc: border: 2px solid black;. Hàm width() không tồn tại trong bối cảnh này.
  • Phương án C: 2px: border-width;
    Cú pháp này hoàn toàn sai vì cú pháp đúng của CSS là thuộc_tính: giá_trị; chứ không phải ngược lại.
  • Phương án D: border = 2px;
    Cú pháp này gần giống cú pháp của ngôn ngữ lập trình nhưng không áp dụng cho CSS. CSS sử dụng dấu hai chấm : để gán giá trị cho thuộc tính.

Sau khi phân tích, có thể khẳng định phương án đúng là A. border-width: 2px;.

Chú ý khi giải

  • Học sinh cần chú ý cú pháp CSS khi định kiểu cho các phần tử HTML: format chuẩn là tên thuộc tính: giá trị;.
  • CSS không sử dụng dấu = cho việc gán giá trị, mà thay vào đó là dấu :.
  • Nên nhớ thuộc tính border-width chỉ định độ dày của đường viền, có thể kết hợp với thuộc tính border-styleborder-color để định dạng đường viền hoàn chỉnh.
  • Luôn kiểm tra cẩn thận cú pháp trong các phương án trắc nghiệm để tránh nhầm lẫn.