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

Đề bài

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

Chọn ngẫu nhiên 1 trong 4 hướng trên, phải, dưới, trái để đặt giá trị khoảng cách 10px.
Chọn hướng trên và đặt giá trị khoảng cách 10px.
Đặt cùng giá trị khoảng cách 10px cho cả 4 hướng trên, phải, dưới, trái.
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

Để xác định phương án đúng cho câu hỏi về thuộc tính padding trong CSS, chúng ta cần hiểu rõ về cách thuộc tính này hoạt động:

  • Thuộc tính padding trong CSS được sử dụng để tạo khoảng cách bên trong giữa nội dung (content) của một phần tử và viền (border) của nó.
  • Khi chỉ định giá trị cho padding, nếu chỉ đưa ra một số duy nhất, như padding: 10px;, điều đó có nghĩa là áp dụng giá trị khoảng cách này cho tất cả các phía: trên (top), phải (right), dưới (bottom), và trái (left).

Do đó, phân tích các phương án:

  1. A: Không đúng. CSS không chọn ngẫu nhiên 1 trong 4 hướng.
  2. B: Không đúng. Giá trị không chỉ áp dụng cho phía trên.
  3. C: Đúng. Giá trị 10px sẽ được áp dụng cho tất cả các hướng.
  4. D: Không đúng. Khai báo padding: 10px; là đầy đủ và hợp lệ, không bị trình duyệt bỏ qua.

Vì vậy, phương án đúng là C. Đặt cùng giá trị khoảng cách 10px cho cả 4 hướng trên, phải, dưới, trái.

Chú ý khi giải

  • Hiểu đúng ý nghĩa của khai báo padding trong CSS để tránh nhầm lẫn khi viết mã.
  • Nếu khai báo một giá trị duy nhất cho padding, tất cả các hướng sẽ đều nhận giá trị đó.
  • Nếu cần chỉ định giá trị khác nhau cho từng hướng, cần khai báo hơn như padding: 10px 20px 30px 40px; tương ứng với top right bottom left.