ตัวอย่าง
ตําแหน่งภาพในช่วงกลางของข้อความ:
<p>This is some text. <img src="smiley.gif" alt="Smiley face" align="middle"> This is some text.</p>
ลองตัวเอง» ความหมายและการใช้งาน
align แอตทริบิวต์ระบุการจัดตำแหน่งของภาพให้เป็นไปตามองค์ประกอบโดยรอบ
<img> องค์ประกอบเป็นองค์ประกอบแบบอินไลน์ (มันไม่ได้ใส่สายใหม่บนหน้าเว็บ) ซึ่งหมายความว่าข้อความและองค์ประกอบอื่น ๆ ที่สามารถห่อรอบ ดังนั้นจึงจะมีประโยชน์ในการระบุการจัดตำแหน่งของภาพให้เป็นไปตามองค์ประกอบโดยรอบ
สนับสนุนเบราว์เซอร์
| คุณลักษณะ | |||||
|---|---|---|---|---|---|
| align | ใช่ | ใช่ | ใช่ | ใช่ | ใช่ |
align แอตทริบิวต์จะเลิก แต่ยังคงได้รับการสนับสนุนในเบราว์เซอร์ที่สำคัญทั้งหมด
หมายเหตุความเข้ากันได้
align แอตทริบิวต์ของ <img> ไม่สนับสนุนใน HTML5 ใช้ CSS แทน
ภาพที่จะจัดตรงกลางด้านบนหรือด้านล่างใช้คุณสมบัติ CSS vertical-align
ภาพที่จะจัดซ้ายหรือขวาใช้คุณสมบัติ CSS float
วากยสัมพันธ์
<img align="left|right|middle|top|bottom">
ค่าแอตทริบิวต์
| ความคุ้มค่า | ลักษณะ |
|---|---|
| left | ตําแหน่งภาพไปทางซ้าย |
| right | ตําแหน่งภาพไปทางขวา |
| middle | ตําแหน่งของภาพที่อยู่ตรงกลาง |
| top | ตําแหน่งของภาพที่อยู่ด้านบน |
| bottom | ตําแหน่งของภาพที่อยู่ด้านล่าง |