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

Đề bài

Phương án nào dưới đây nêu đúng ý nghĩa của khai báo padding: 10px 20px3?

padding-top: 10px; padding-right: 20px /adding-bottom: 0px padding-left: 0px
padding-top: 10px; padding-right: 20px; padding-bottom và padding-left nhận giá trị kế thừa từ các phần tử cấp trên.
padding-top: 10px; padding-right: 20px; padding-bottom: 10px; padding- left: 20px
Trình duyệt sẽ bỏ qua thuộc tính trên vì khai báo không đầy đủ.
Đáp án đúng: C

Xem lời giải

Phương pháp giải

Lời giải chi tiết

Khai báo padding: 10px 20px3 đang gặp lỗi cú pháp vì chứa một lỗi viết sai (thiếu khoảng trắng giữa giá trị 20px và số 3). Trong CSS, khi khai báo thuộc tính padding, chúng ta thường thấy định dạng số lượng giá trị khác nhau như:

  • Nếu chỉ có một giá trị: tất cả bốn khoảng (trên, phải, dưới, trái) đều lấy giá trị đó.
  • Hai giá trị: giá trị thứ nhất cho trên/dưới, giá trị thứ hai cho phải/trái.
  • Ba giá trị: giá trị thứ nhất cho trên, giá trị thứ hai cho phải/trái, giá trị thứ ba cho dưới.
  • Bốn giá trị: tương ứng cho trên, phải, dưới, trái lần lượt.

Trong câu hỏi, do không có khoảng trắng giữa các giá trị đúng, và không đúng theo bất kỳ quy tắc nào trong cách khai báo hợp lệ của CSS, cú pháp này nên bị bỏ qua. Do vậy:

  1. A: Sai vì cú pháp đã không đúng nên không có giá trị mặc định thành 0px trong khai báo.
  2. B: Sai vì không có giá trị được kế thừa do cú pháp chưa hợp lệ.
  3. C: Sai vì giá trị không thể tự động điền kín từ cú pháp sai.
  4. D: Đúng. Trình duyệt sẽ bỏ qua thuộc tính trên do khai báo không đầy đủ và sai cú pháp.

Vậy phương án chính xác là phương án D.

Chú ý khi giải

Khi làm việc với thuộc tính padding trong CSS, học sinh cần chú ý:

  • Luôn đảm bảo cú pháp khai báo đúng và đủ, với khoảng trắng hợp lý giữa các giá trị.
  • Hiểu rõ các cách khai báo nhiều giá trị để có thể áp dụng đúng cho dự án của mình.
  • Một cú pháp sai có thể dẫn đến việc thuộc tính bị bỏ qua hoặc gây ra lỗi không mong muốn trên giao diện người dùng.