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