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