ตัวอย่าง
กำหนดสีพื้นหลังของคอลัมน์ที่สามกับ <colgroup> และ <col> Tags:
<table>
<colgroup>
<col span="2" style="background-color:red">
<col style="background-color:yellow">
</colgroup>
<tr>
<th>ISBN</th>
<th>Title</th>
<th>Price</th>
</tr>
<tr>
<td>3476896</td>
<td>My first HTML</td>
<td>$53</td>
</tr>
</table>
ลองตัวเอง» ความหมายและการใช้งาน
<colgroup> แท็กระบุกลุ่มหนึ่งหรือมากกว่าหนึ่งคอลัมน์ในตารางการจัดรูปแบบ
<colgroup> แท็กจะเป็นประโยชน์สำหรับการใช้รูปแบบคอลัมน์ทั้งหมดแทนการทำซ้ำรูปแบบสำหรับแต่ละเซลล์แต่ละแถว
หมายเหตุ: <colgroup> แท็กจะต้องเป็นเด็กที่ <table> องค์ประกอบใด ๆ หลังจาก <caption> องค์ประกอบและก่อนที่ใด <thead>, <tbody>, <tfoot> และ <tr> องค์ประกอบ
เคล็ดลับ: การกําหนดคุณสมบัติที่แตกต่างกันกับคอลัมน์ภายใน <colgroup> ใช้ <col> แท็กภายใน <colgroup> แท็ก
สนับสนุนเบราว์เซอร์
| ธาตุ | |||||
|---|---|---|---|---|---|
| <colgroup> | ใช่ | ใช่ | ใช่ | ใช่ | ใช่ |
ความแตกต่างระหว่าง HTML 4.01 และ HTML5
ส่วนใหญ่ของคุณลักษณะใน HTML 4.01 จะไม่ได้รับการสนับสนุนใน HTML5
แอตทริบิวต์
| คุณลักษณะ | ความคุ้มค่า | ลักษณะ |
|---|---|---|
| align | left right center justify char | ได้รับการสนับสนุนใน HTML5 สอดคล้องเนื้อหาในกลุ่มคอลัมน์ |
| char | character | ได้รับการสนับสนุนใน HTML5 สอดคล้องเนื้อหาในกลุ่มคอลัมน์เพื่อตัวละคร |
| charoff | number | ได้รับการสนับสนุนใน HTML5 กำหนดจำนวนของตัวละครเนื้อหาจะสอดคล้องจากตัวอักษรที่ระบุโดย char แอตทริบิวต์ |
| span | number | ระบุจำนวนของกลุ่มคอลัมน์คอลัมน์ควรครอบคลุม |
| valign | top middle bottom baseline | ได้รับการสนับสนุนใน HTML5 แนวตั้งสอดคล้องเนื้อหาในกลุ่มคอลัมน์ |
| width | pixels % relative_length | ได้รับการสนับสนุนใน HTML5 ระบุความกว้างของกลุ่มคอลัมน์ |
แอตทริบิวต์ทั่วโลก
<colgroup> แท็กยังสนับสนุน แอตทริบิวต์ใน HTML
แอตทริบิวต์เหตุการณ์
<colgroup> แท็กยังสนับสนุน คุณสมบัติเหตุการณ์ใน HTML
หน้าเว็บที่เกี่ยวข้อง
อ้างอิง HTML DOM: ColumnGroup วัตถุ
ตั้งค่าเริ่มต้น CSS
เบราว์เซอร์ส่วนใหญ่จะแสดง <colgroup> องค์ประกอบที่มีค่าเริ่มต้นต่อไปนี้: