ตัวอย่าง
คลิปด้านบน / ขอบด้านล่างของเนื้อหาภายใน <div> องค์ประกอบ - ถ้ามันล้นพื้นที่เนื้อหาขององค์ประกอบ:
div
{
overflow-y: hidden;
}
ลองตัวเอง» ความหมายและการใช้งาน
คุณสมบัติล้น-Y ระบุว่าจะทำอย่างไรกับด้านบนขอบ / ด้านล่างของเนื้อหา - ถ้ามันล้นพื้นที่เนื้อหาขององค์ประกอบ
Tip: ใช้ ล้น-X คุณสมบัติการตรวจสอบการตัดที่ขอบซ้ายและขวา
| ค่าเริ่มต้น: | visible |
|---|---|
| รับการถ่ายทอด: | no |
| Animatable: | no. Read about animatable |
| เวอร์ชัน: | CSS3 |
| ไวยากรณ์ javascript: | object .style.overflowY="scroll" Try it |
สนับสนุนเบราว์เซอร์
ตัวเลขในตารางระบุราว์เซอร์รุ่นแรกที่สนับสนุนอย่างเต็มที่ทรัพย์สิน
ตามด้วยหมายเลข -ms- ระบุรุ่นแรกที่ทำงานร่วมกับคำนำหน้า
| คุณสมบัติ | |||||
|---|---|---|---|---|---|
| overflow-y | 4.0 | 9.0 8.0 -ms- | 3.5 | 3.0 | 9.5 |
CSS ไวยากรณ์
overflow-y: visible|hidden|scroll|auto|initial|inherit;ค่าทรัพย์สิน
| ความคุ้มค่า | ลักษณะ | เล่น |
|---|---|---|
| visible | ค่ามาตรฐาน เนื้อหาไม่ได้ตัดและมันอาจจะกลายนอกกรอบเนื้อหา | เล่น " |
| hidden | เนื้อหาจะถูกตัด - และไม่มีกลไกการเลื่อนให้บริการ | เล่น " |
| scroll | เนื้อหาจะถูกตัดและกลไกการเลื่อนให้บริการ | เล่น " |
| auto | ควรทำให้เกิดกลไกการเลื่อนที่จะให้สำหรับล้นกล่อง | เล่น " |
| initial | การตั้งค่าคุณสมบัตินี้เป็นค่าเริ่มต้น อ่านเกี่ยวกับการเริ่มต้น | เล่น " |
| inherit | สืบทอดคุณสมบัตินี้จากองค์ประกอบหลักของมัน อ่านเกี่ยวกับการรับมรดก |
หน้าเว็บที่เกี่ยวข้อง
อ้างอิง HTML DOM: overflowY property