สกัด HTML <col> แท็ก
- หน้าก่อน <code>
- หน้าต่อไป <colgroup>
คำนำและวิธีใช้
<col> แทร็กนี้กำหนดค่าทางพิสูจน์สำหรับหลายแถวหรือหลายแถวในตาราง.
ใช้แทร็กนี้เพื่อซ้ำการแบบภาพสไตล์แถวทั้งหมด:<col> แทร็กนี้มีประโยชน์มาก เพราะไม่ต้องซ้ำการแบบภาพสไตล์แต่ละแถวและแถวต่าง ๆ.
คำเตือน
หากคุณต้องการใช้ colgroup ใช้แถวนี้เมื่อกำหนดค่าทางพิสูจน์แตกต่างกันสำหรับแถวต่าง ๆ. ถ้าไม่มี col อยู่ แถวจะถือได้ค่าทางพิสูจน์ทั้งหมดจาก colgroup.
col อยู่ระหว่างเฟิร์นซ์อะทริบิวต์ โดยไม่มีความหมาย. หากต้องการสร้างแถว คุณจะต้องกำหนด element td ภายใน element tr.
ดูเพิ่มเติมที่:
คู่มือออนไลน์ HTML:<colgroup> แทร็ก
คู่มือออนไลน์ HTML DOM:Object แถว
ตัวอย่าง
ใช้แทร็ก <colgroup> และ <col> ที่สร้างสามแถวของพื้นที่สีพื้นหลัง:
<table>
<colgroup>
<col span="2" style="background-color:red">
<col style="background-color:yellow">
</colgroup>
<tr>
<th>หมายเลขหนังสือ</th>
<th>หัวข้อ</th>
<th>ราคา</th>
</tr>
<tr>
<td>3476896</td>
<td>HTML สตาร์ท</td>
<td>$53</td>
</tr>
</table>
คุณสมบัติ
| คุณสมบัติ | ค่า | การอธิบาย |
|---|---|---|
| span | ตัวเลข | กำหนดจำนวนคอลัมน์ที่ <col> ควรข้าม |
คุณสมบัติโลก
<col> แบบภาพยังสนับสนุน คุณสมบัติโลกใน HTML.
คุณสมบัติเหตุการณ์
<col> แบบภาพยังสนับสนุน คุณสมบัติเหตุการณ์ใน HTML.
การตั้งค่า CSS ปกติ
โดยมากเบราเซอร์จะแสดงค่าเริ่มต้นตามต่อไปนี้ <col> องค์ประกอบ:
col {
display: table-column;
}
การสนับสนุนโดยเบราเซอร์
| Chrome | Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| Chrome | Edge | Firefox | Safari | Opera |
| สนับสนุน | สนับสนุน | สนับสนุน | สนับสนุน | สนับสนุน |
- หน้าก่อน <code>
- หน้าต่อไป <colgroup>
