ตัวอย่าง
ใช้คุณสมบัติล้นเพื่อเลื่อนเนื้อหาล้น:
document.getElementById("myDIV").style.overflow = "scroll";
ลองตัวเอง» ความหมายและการใช้งาน
ชุดคุณสมบัติล้นหรือผลตอบแทนที่จะทำอะไรกับเนื้อหาที่วาทกรรมนอกกรอบองค์ประกอบ
Tip: หากคุณต้องการที่จะซ่อนแถบเลื่อนของเอกสารทั้งหมดใช้คุณสมบัติล้นในร่างกายหรือองค์ประกอบของ html
สนับสนุนเบราว์เซอร์
คุณสมบัติล้นได้รับการสนับสนุนในเบราว์เซอร์ที่สำคัญทั้งหมด
วากยสัมพันธ์
คืนทรัพย์สินล้น:
object .style.overflow
ตั้งค่าคุณสมบัติล้น:
object .style.overflow="visible|hidden|scroll|auto|initial|inherit"
ค่าทรัพย์สิน
ความคุ้มค่า | ลักษณะ |
---|---|
visible | เนื้อหาไม่ตัดและอาจมีการแสดงนอกกรอบองค์ประกอบ นี้จะเริ่มต้น |
hidden | เนื้อหานอกกรอบองค์ประกอบไม่แสดง |
scroll | แถบเลื่อนที่มีการเพิ่มและเนื้อหาที่ถูกตัดเมื่อมีความจำเป็น |
auto | เนื้อหาจะถูกตัดและแถบเลื่อนที่มีการเพิ่มเมื่อมีความจำเป็น |
initial | ตั้งค่าคุณสมบัตินี้เป็นค่าเริ่มต้น อ่านเกี่ยวกับการเริ่มต้น |
inherit | สืบทอดคุณสมบัตินี้จากองค์ประกอบหลักของมัน อ่านเกี่ยวกับการรับมรดก |
รายละเอียดทางเทคนิค
ราคาเริ่มต้น: | มองเห็นได้ |
---|---|
กลับค่า: | สตริงที่เป็นตัวแทนของเนื้อหาที่วาทกรรมนอกกรอบองค์ประกอบ |
CSS รุ่น | CSS2 |
ตัวอย่างอื่น ๆ
ตัวอย่าง
ใช้คุณสมบัติล้นที่จะซ่อนเนื้อหาล้น:
document.getElementById("myDiv").style.overflow = "hidden";
ลองตัวเอง» หน้าเว็บที่เกี่ยวข้อง
CSS กวดวิชา: ตำแหน่ง CSS
อ้างอิง CSS: overflow property
<สไตล์วัตถุ