Thuộc tính empty-cells
Định nghĩa và sử dụng Thuộc tính empty-cells xác định có hay không có đường viền và nền trong một cột rỗng của <table>. Cấu trúc table { empty-cells: giá trị; } Với thuộc tính và giá trị như sau: Thuộc tính giá trị Mô tả empty-cells hide Không hiển thị đường viền và nền trong […]
Định nghĩa và sử dụng
Thuộc tính empty-cells xác định có hay không có đường viền và nền trong một cột rỗng của <table>.
Cấu trúc
table {
empty-cells: giá trị;
}
Với thuộc tính và giá trị như sau:
| Thuộc tính | giá trị | Mô tả |
|---|---|---|
| empty-cells | hide | Không hiển thị đường viền và nền trong cột rỗng. |
| show | Hiển thị đường viền và nền trong cột rỗng, đây là mặc định. | |
| inherit | Xác định thừa hưởng thuộc tính từ thành phần cha (thành phần bao ngoài). |
Ví dụ
Html viết:
<html border="1"> <head></head> <body> <table class="table" style="border-collapse: separate;"> <tbody> <tr> <th>Thu hai</th> <th>Thu ba</th> </tr> <tr> <td>2000d</td> <td class="empty-cells"></td> </tr> <tr> <td>500d</td> <td>4000d</td> </tr> </tbody> </table> </body> </html>
Hiển thị trình duyệt khi chưa có CSS:
Thu hai Thu ba 2000d 500d 4000d
CSS viết:
table {
empty-cells: hide;
}
Hiển thị trình duyệt khi có CSS:
Thu hai Thu ba 2000d 500d 4000d
Trình duyệt hỗ trợ
- Internet Explorer
- Firefox
- Opera
- Google Chrome
- Safari
![[thuộc tính=giá trị]](https://lth90.top/wp-content/uploads/2023/10/css-02-420x280.jpg)