CSS overflow-y รายละเอียด

การประกาศและการใช้งาน

overflow-y ประกาศว่าจะตัดขอบขึ้นต่ำขึ้นของเนื้อหาหรือไม่ - ถ้าเนื้อหาเกินพื้นที่ขององค์ประกอบตัวเลข

คำเตือน:ใช้ overflow-x ประกาศที่ใช้เพื่อกำหนดการตัดขอบซ้ายขวา

คู่มืออ้างอิง HTML DOM:overflowY ประกาศ

ตัดขอบซ้ายขวาของเนื้อหา div ถ้าเนื้อหาเกินพื้นที่ขององค์ประกอบตัวเลข

div
{
overflow-y:hidden;
}

overflow-y: visible|hidden|scroll|auto|no-display|no-content;

ค่า	รายละเอียด	การทดสอบ
visible	ไม่ตัดเนื้อหา อาจแสดงนอกกล่องเนื้อหา	การทดสอบ
hidden	ตัดเนื้อหา - ไม่มีหลักของการเลื่อน	การทดสอบ
scroll	ตัดเนื้อหา - มีหลักของการเลื่อน	การทดสอบ
auto	หากเกินช่องตัวเลข ควรมีหลักของการเลื่อน	การทดสอบ
no-display	หากเนื้อหาไม่เข้ากับกล่องเนื้อหา จะลบกล่องทั้งหมด	การทดสอบ
no-content	หากเนื้อหาไม่เข้ากับกล่องเนื้อหา จะซ่อนเนื้อหาทั้งหมด	การทดสอบ

ค่าเริ่มต้น:	visible
การสืบทอด:	no
เวอร์ชัน:	CSS3
JavaScript ระบบสัญญาณ:	object.style.overflowY="scroll"

ตัวเลขในตารางระบุว่าเวอร์ชันเบราเซอร์แรกที่สนับสนุนคุณสมบัตินี้

ตัวเลขที่มี -ms- ระบุว่าใช้ตัวเลขหน้าในตัวเล่นแรก

Chrome	IE / Edge	Firefox	Safari	Opera
4.0	9.0 8.0 -ms-	1.5	3.0	9.5