ตัวอย่าง
<colgroup> องค์ประกอบที่ระบุว่าคอลัมน์แรกควรมีความกว้างที่กำหนดไว้ล่วงหน้า 200 พิกเซล:
<table>
<colgroup width="200">
<tr>
<th>Month</th>
<th>Savings</th>
</tr>
<tr>
<td>January</td>
<td>$100</td>
</tr>
<tr>
<td>February</td>
<td>$80</td>
</tr>
</table>
ลองตัวเอง» ความหมายและการใช้งาน
width แอตทริบิวต์ระบุความกว้างของกลุ่มคอลัมน์
โดยปกติกลุ่มคอลัมน์ใช้พื้นที่จะต้องแสดงเนื้อหา width แอตทริบิวต์ที่ใช้ในการกำหนดความกว้างที่กำหนดไว้ล่วงหน้าของกลุ่มคอลัมน์
หมายเหตุ: คุณลักษณะนี้จะถูกเขียนทับด้วยความกว้างใด ๆ ที่กำหนดโดย <col> องค์ประกอบ
สนับสนุนเบราว์เซอร์
| คุณลักษณะ | |||||
|---|---|---|---|---|---|
| width | ใช่ | ใช่ | ใช่ | ใช่ | ใช่ |
width แอตทริบิวต์การสนับสนุนในเบราว์เซอร์ที่สำคัญทั้งหมด แต่ไม่มีเบราว์เซอร์สนับสนุนค่าrelative_length
หมายเหตุความเข้ากันได้
width แอตทริบิวต์ของ <colgroup> ไม่สนับสนุนใน HTML5 ใช้ CSS แทน
ไวยากรณ์ CSS: <td style="width:200px">
CSS ตัวอย่าง: ระบุความกว้างของคอลัมน์ของตาราง
ในการกวดวิชา CSS ของเราท่านสามารถดูรายละเอียดเพิ่มเติมเกี่ยวกับ width สถานที่ให้บริการ
วากยสัมพันธ์
<colgroup width="pixels|%|relative_lngth">
ค่าแอตทริบิวต์
| ความคุ้มค่า | ลักษณะ |
|---|---|
| pixels | กำหนดความกว้างเป็นพิกเซล (ตัวอย่าง: width="50" ) |
| % | กำหนดความกว้างในร้อยละขององค์ประกอบโดยรอบ (ตัวอย่าง: width="50%" ) |
| relative_length | หุ้นพิกเซลที่มีอยู่เป็นส่วน (เช่นตาราง 100 PX, กลุ่มคอลัมน์แรกคือ 20 px ที่สองคือ 50% พิกเซลที่มีอยู่แล้วจะ 30px) ส่วนหนึ่งที่มีการตั้งค่าเช่นนี้ "1*" ตัวอย่าง: หาก 30 px ของพื้นที่ที่มีอยู่ที่คุณสามารถมีหนึ่ง "1*" และ "2*" ซึ่งจะถูกตีความว่าเป็น 10 และ 20 พิกเซล (คิด 1* เป็นส่วนหนึ่งและ 2* เป็นสองส่วน) . |