Định nghĩa và sử dụng
- Tag <colgroup> được sử dụng để định dạng cho một nhóm cột trong <table>
- Tag <colgroup> hữu ích trong việc định dạng chung cho toàn bộ cột, thay vì đình dạng riêng, lặp lại cho mỗi hàng.
- Tag <colgroup> chỉ được sử dụng bên trong tag <table>
Sự khác nhau giữa HTML4.01 và HTML5
| HTML4.01 | HTML5 |
|---|---|
| - | ● Đa số thuộc tính tùy chọn không hỗ trợ trong HTML5. |
Cấu trúc
<table>
<colgroup></colgroup>
</table>
Ví dụ
Html viết:
<table>
<colgroup span="2" align="left"></colgroup>
<colgroup align="right" style="color:#0000FF;"></colgroup>
<tr>
<th>A</th>
<th>B</th>
</tr>
<tr>
<td>1</td>
<td>5</td>
</tr>
<tr>
<td>9</td>
<td>10</td>
</tr>
</table>
Hiển thị trình duyệt:
| A | B |
|---|---|
| 1 | 5 |
| 9 | 10 |
Trình duyệt hỗ trợ
<colgroup> được hỗ trợ trong đa số các trình duyệt.
Chú ý: Firefox, Chrome, và Safari Chỉ có thuộc tính span và width được hỗ trợ, các thuộc tính khác thì không.
Thuộc tính
Cách sử dụng: <colgroup thuoctinh="giatri"></colgroup>
Thuộc tính tùy chọn
| Thuộc tính | Giá trị | Ví dụ | Mô tả |
|---|---|---|---|
| Thuộc tính như HTML4.01 | |||
| span | Số | span="5" | Số lượng của một nhóm cột. |
| Thuộc tính không hỗ trợ trong HTML5 | |||
| align | left right center justify char |
align="left" | Không hỗ trợ trong HTML5. |
| char | Ký tự | char="a" | Không hỗ trợ trong HTML5. |
| charoff | Số | charoff="5" | Không hỗ trợ trong HTML5. |
| valign | top middle bottom baseline |
valign="top" | Không hỗ trợ trong HTML5. |
| width | % pixels em |
width="100px" | Không hỗ trợ trong HTML5. |
Thuộc tính Tổng quát và thuộc tính sự kiện
Tất cả thuộc tính tổng quát và thuộc tính sự kiện được xác định trên phần lớn các thành phần HTML5