Chúng ta cần hiểu cách CSS trình bày thuộc tính padding với 4 giá trị cùng xuất hiện. Thứ tự sắp xếp của các giá trị này tương ứng với các cạnh trên một phần tử theo chiều kim đồng hồ, bắt đầu từ cạnh trên cùng (top).

Cụ thể:

• Giá trị đầu tiên: padding-top
• Giá trị thứ hai: padding-right
• Giá trị thứ ba: padding-bottom
• Giá trị thứ tư: padding-left

Vậy với khai báo padding: 10px 20px 30px 40px;, chúng ta có:

• padding-top: 10px;
• padding-right: 20px;
• padding-bottom: 30px;
• padding-left: 40px;

Do đó, đáp án đúng phải là:

C. padding-top: 10px; padding-right: 20px; padding-bottom: 30px; padding-left: 40px;

Khi gặp các câu hỏi liên quan đến padding trong CSS và có nhiều giá trị cùng xuất hiện, các em nên nhớ thứ tự từ trên xuống và theo chiều kim đồng hồ: top, right, bottom, left. Điều này giúp xác định chính xác giá trị padding ứng với từng cạnh của phần tử. Đây cũng tương tự với thuộc tính margin.