Một phần tử có khai báo thuộc tính box-sizing: content-box;, phương án nào dưới đây nêu đúng giá trị width và height của phần tử?
Lời giải chi tiết
Trong CSS, thuộc tính box-sizing quyết định cách tính toán kích thước của một phần tử. Khi sử dụng giá trị content-box, chỉ phần nội dung (content) của phần tử được tính vào width và height. Điều này có nghĩa là kích thước của phần tử chưa bao gồm phần border và padding.
Vì vậy, phương án đúng là:
B. Chưa bao gồm border và padding.
Chú ý khi giải
box-sizing: content-box;, phần border và padding không được tính vào kích thước width và height của phần tử.Box-sizing: border-box; sẽ tính cả border và padding vào kích thước phần tử.box-sizing để áp dụng vào thiết kế một cách chính xác.border và padding cho width và height, sử dụng box-sizing: border-box;.