การใส่ Style bottom ในภาษา CSS

การใส่ Style bottom ในภาษา CSS

bottom style เป็นการกำหนด ระยะห่างระหว่างขอบ ด้านล่าง

ตัวอย่างการใช้งาน
 img.ex { 	position:absolute; 	bottom:40px; } 

ค่าที่สามารถใส่เข้าไปได้

length

กำหนดขนาดเป็น pixel เพื่อกำหนดระยะห่าง

percent

กำหนดขนาดเป็นเปอร์เซ็นเพื่อกำหนดระยะห่าง

auto

กำหนดขนาดแบบ auto ซึ่ง browser จะคำนวณระยะห่างให้

Browser Support

- Internet Explorer
- Firefox
- Chrome
- Safari
- Opera
บราวเซอร์ที่สำคัญ ๆ รองรับการทำงานของ style bottom ทั้งหมด

ตัวอย่าง

  
 

การเซต style bottom โดย Javascript

ตัวอย่างการเซตโดยการใช้ Javascript เช่น object.style.bottom = "ค่าที่ต้องการ"