خاصية اختراق CSS

تجنب فاصل الصفحات داخل عنصر <img>:

@media print {
img {
display: block;
break-inside: avoid;
}
}

التعريف والاستخدام

تحدد الخاصية ما break-insideإذا كان يجب حدوث فاصل صفحة أو فاصل عمود أو فاصل منطقة داخل العنصر المحدد أم لا.

تمتد break-insideالخاصية ثم خاصية CSS2 .page-break-inside

باستخدام break-inside، يمكنك إخبار المتصفح بتجنب الفواصل داخل الصور ومقتطفات التعليمات البرمجية والجداول والقوائم.

القيمة الافتراضية:	تلقاءي
وارث:	رقم
متحرك:	رقم. اقرأ عن animatable
الإصدار:	CSS3
بناء جملة JavaScript:	الكائن .style.breakInside = "دائمًا"

تحدد الأرقام الواردة في الجدول إصدار المتصفح الأول الذي يدعم الخاصية بالكامل.

Property
break-inside	50.0	10.0	65.0	10.0	37.0

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;
}
}