ตัวอย่าง
ให้ลอยภาพไปทางซ้าย / ขวาของข้อความเมื่อคลิกที่ปุ่มที่สอง:
function floatRight()
{
document.getElementById("myImg").style.cssFloat = "right";
}
function floatLeft()
{
document.getElementById("myImg").style.cssFloat = "left";
} ลองตัวเอง» ความหมายและการใช้งาน
ชุดคุณสมบัติ cssFloat หรือผลตอบแทนการจัดตำแหน่งแนวนอนขององค์ประกอบ
หมายเหตุ: CSS "float" คุณสมบัติที่เรียกว่า "cssFloat" ใน JavaScript เพราะ "float" เป็นคำสงวนใน JavaScript
Note: หากมีพื้นที่น้อยเกินไปในบรรทัดสำหรับองค์ประกอบลอยก็จะกระโดดลงไปบรรทัดถัดไปที่มีพื้นที่เพียงพอ
สนับสนุนเบราว์เซอร์
คุณสมบัติ cssFloat ได้รับการสนับสนุนในเบราว์เซอร์ที่สำคัญทั้งหมด
วากยสัมพันธ์
กลับ cssFloat ทรัพย์สิน:
object .style.cssFloat
ตั้ง cssFloat ทรัพย์สิน:
object .style.cssFloat="left|right|none|initial|inherit"
ค่าทรัพย์สิน
| ความคุ้มค่า | ลักษณะ |
|---|---|
| none | วัตถุ / องค์ประกอบไม่ได้ลอย นี้จะเริ่มต้น |
| left | วัตถุ / องค์ประกอบจะลอยไปทางซ้ายในองค์ประกอบหลัก |
| right | วัตถุ / องค์ประกอบจะลอยไปทางขวาในองค์ประกอบของผู้ปกครอง |
| initial | ตั้งค่าคุณสมบัตินี้เป็นค่าเริ่มต้น อ่านเกี่ยวกับการเริ่มต้น |
| inherit | สืบทอดคุณสมบัตินี้จากองค์ประกอบหลักของมัน อ่านเกี่ยวกับการรับมรดก |
รายละเอียดทางเทคนิค
| ราคาเริ่มต้น: | ไม่มี |
|---|---|
| กลับค่า: | สตริงที่เป็นตัวแทนของการจัดตำแหน่งแนวนอนขององค์ประกอบ |
| DOM รุ่น | DOM Level 2 |
ตัวอย่างอื่น ๆ
ตัวอย่าง
เปลี่ยน cssFloat คุณสมบัติขององค์ประกอบ DIV นี้:
document.getElementById("myDIV").style.cssFloat = "left";
ลองตัวเอง» หน้าเว็บที่เกี่ยวข้อง
CSS กวดวิชา: CSS ลอย
<สไตล์วัตถุ