ตัวอย่าง
ตารางที่มีด้านล่างชิด <caption> องค์ประกอบ:
<table>
<caption align="bottom">My savings</caption>
<tr>
<th>Month</th>
<th>Savings</th>
</tr>
<tr>
<td>January</td>
<td>$100</td>
</tr>
</table>
ลองตัวเอง» ความหมายและการใช้งาน
align แอตทริบิวต์กำหนดจัดตำแหน่งขององค์ประกอบที่คำบรรยายใต้ภาพ
คุณลักษณะนี้ควรจัดคำบรรยายใต้ภาพเป็นองค์ประกอบกระชากบอลไปทางซ้ายขวาด้านบนหรือด้านล่างของตาราง
สนับสนุนเบราว์เซอร์
| คุณลักษณะ | |||||
|---|---|---|---|---|---|
| align | ใช่ | ใช่ | ใช่ | ใช่ | ใช่ |
บันทึก:
- Internet Explorer 8 สนับสนุน "left" , "right" , "top" และ "bottom" ค่า
- Internet Explorer 9 + สนับสนุน "top" และ "bottom" ค่า
- Firefox สนับสนุน "left" , "right" , "top" และ "bottom" ค่า
- โอเปร่าสนับสนุน "left" , "right" , "top" และ "bottom" ค่า
- Chrome สนับสนุน "top" และ "bottom" ค่า
- ซาฟารีสนับสนุน "top" และ "bottom" ค่า
หมายเหตุความเข้ากันได้
<caption> align แอตทริบิวต์ไม่สนับสนุนใน HTML5 ใช้ CSS แทน
ไวยากรณ์ CSS: <caption style="caption-side:bottom"> or <caption style="text-align:left">
CSS ตัวอย่าง: ตำแหน่งคำอธิบายภาพตาราง
ในการกวดวิชา CSS ของเราท่านสามารถดูรายละเอียดเพิ่มเติมเกี่ยวกับ caption-side คุณสมบัติและ text-align คุณสมบัติ
วากยสัมพันธ์
<caption align="left|right|top|bottom">
ค่าแอตทริบิวต์
| ความคุ้มค่า | ลักษณะ |
|---|---|
| left | คำบรรยายใต้ภาพเป็นที่ด้านซ้ายของตาราง |
| right | คำบรรยายใต้ภาพเป็นที่ด้านขวาของตาราง |
| top | คำบรรยายใต้ภาพอยู่ที่ด้านบนของตาราง (นี้เป็นค่าเริ่มต้น) |
| bottom | คำบรรยายใต้ภาพอยู่ที่ด้านล่างของตาราง |