คุณสมบัติ Style overflow

คำนิยามและการใช้งาน

overflow การตั้งค่าหรือกลับค่าของคุณสมบัติเพื่อจัดการกับสิ่งที่แสดงนอกช่องโซ่องขององค์ประกอบ

คำเตือน:ถ้าต้องการซ่อนลูกเลื่อนของเอกสารทั้งหมด ใช้คุณสมบัติ overflow ของ element body หรือ html

ดูเพิ่มเติม:

ตัวอย่าง CSSCSS การแสดงความเกิน

ตัวอย่าง CSSการจัดตั้งตำแหน่ง CSS

คู่มือ CSSคุณสมบัติ overflow

ตัวอย่าง

ตัวอย่าง 1

ใช้คุณสมบัติ overflow ลากเนื้อหาที่เกิน

document.getElementById("myDIV").style.overflow = "scroll";

ลองทดลองเอง

ตัวอย่าง 2

ใช้คุณสมบัติ overflow ซ่อนเนื้อหาที่เกิน

document.getElementById("myDiv").style.overflow = "hidden";

ลองทดลองเอง

ตัวอย่าง 3

กลับค่าคุณสมบัติ overflow:

alert(document.getElementById("myDiv").style.overflow);

ลองทดลองเอง

ศัพท์

กลับค่าคุณสมบัติ overflow:

object.style.overflow

ตั้งค่าคุณสมบัติ overflow:

object.style.overflow = "visible|hidden|scroll|auto|initial|inherit"

ค่าของคุณสมบัติ

ค่า คำอธิบาย
visible เนื้อหาจะไม่ถูกตัดเนื้อ อาจจะแสดงขึ้นนอกช่องโซ่องขององค์ประกอบ ค่าเริ่มต้น
hidden ไม่แสดงสิ่งที่วาดนอกช่องโซ่องขององค์ประกอบ
scroll เพิ่มลูกเลื่อนและตัดเนื้อตามที่จำเป็น
auto ตัดเนื้อเอาไปและเพิ่มลูกเลื่อนตามที่จำเป็น
initial ตั้งค่าคุณสมบัตินี้เป็นค่าเริ่มต้น โปรดดู initial。
inherit ทำให้องค์ประกอบนี้สืบทอดคุณสมบัติจากองค์ประกอบพ่อของมัน โปรดดู inherit。

รายละเอียดเทคนิค

ค่าเริ่มต้น: visible
ค่าที่กลับมา: ตัวแปรข้อความ，แสดงถึงสิ่งที่วาดนอกช่องโซ่องขององค์ประกอบ
เวอร์ชัน CSS： CSS2

โปรแกรมบราวเซอร์สนับสนุน

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
สนับสนุน สนับสนุน สนับสนุน สนับสนุน สนับสนุน