CSS แบ่งทรัพย์สิน ภายใน
ตัวอย่าง
หลีกเลี่ยงการแบ่งหน้าภายในองค์ประกอบ <img>:
@media print
{
img {
display: block;
break-inside:
avoid;
}
}
ความหมายและการใช้งาน
คุณสมบัติbreak-inside
ระบุว่าควรมีตัวแบ่งหน้า ตัวแบ่งคอลัมน์ หรือตัวแบ่งภูมิภาคภายในองค์ประกอบที่ระบุหรือไม่
คุณสมบัติ ขยายจากนั้น คุณสมบัติbreak-inside
CSS2
page-break-inside
ด้วยbreak-inside
คุณสามารถบอกเบราว์เซอร์เพื่อหลีกเลี่ยงการแตกภายในรูปภาพ ข้อมูลโค้ด ตาราง และlistst
ค่าเริ่มต้น: | รถยนต์ |
---|---|
รับการถ่ายทอด: | ไม่ |
เคลื่อนไหวได้: | ไม่. อ่านเกี่ยวกับแอนิเมชั่น |
รุ่น: | CSS3 |
ไวยากรณ์ JavaScript: | วัตถุ .style.breakInside = "เสมอ" |
รองรับเบราว์เซอร์
ตัวเลขในตารางระบุเบราว์เซอร์รุ่นแรกที่สนับสนุนคุณสมบัติอย่างสมบูรณ์
Property | |||||
---|---|---|---|---|---|
break-inside | 50.0 | 10.0 | 65.0 | 10.0 | 37.0 |
ไวยากรณ์ CSS
break-inside: auto|all|always|avoid|avoid-column|avoid-page|avoid-region|column|left|page|recto|region|right|verso|initial|inherit;
มูลค่าทรัพย์สิน
Value | Description |
---|---|
auto | Default. Automatic page/column/region break inside the element |
avoid | Avoid a page/column/region break inside the element |
avoid-column | Avoid a column-break inside the element |
avoid-page | Avoid a page-break inside the element |
avoid-region | Avoid a region-break inside the element |
initial | Sets this property to its default value. Read about initial |
inherit | Inherits this property from its parent element. Read about inherit |
ตัวอย่างเพิ่มเติม
ตัวอย่าง
หลีกเลี่ยงการแบ่งหน้าภายใน <table>, <ul>, <ol> องค์ประกอบ::
@media print
{
table, ul, ol {
break-inside: avoid;
}
}