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