خصائص انقسام داخل

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

متغير break-inside يحدد ما إذا كان يجب أن يحدث التقسيم في العنصر المحدد (page-break)،التقسيم العمودي (column-break) أو التقسيم الخاصية (region-break).

متغير break-inside يوسع خاصية page-break-inside في CSS2.

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

مثال

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

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

CSS syntax

break-inside: auto|all|always|avoid|avoid-column|avoid-page|avoid-region|column|left|page|recto|region|right|verso|initial|inherit;

قيمة الخاصية

القيمة الوصف
auto افتراضي. يتم التصفية داخل العنصر تلقائيًا.
avoid تجنب حدوث انقطاع في الصفحة،العمود،المنطقة داخل العنصر.
avoid-column تجنب التقسيم العمودي داخل العنصر.
avoid-page تجنب الصفحة داخل العنصر.
avoid-region تجنب التقسيم داخل العنصر.
initial إعداد هذه الخاصية إلى قيمتها الافتراضية. راجع initial.
inherit توريث هذه الخاصية من العنصر الأب. راجع inherit.

تفاصيل التقنية

القيمة الافتراضية: auto
الوراثة: لا
صنع التحريك: غير مدعوم. راجع:خصائص التحريك.
الإصدار: CSS3
JavaScript syntax: object.style.breakInside="always"

مزيد من الأمثلة

تجنب الصفحة في عناصر <table>،<ul>،<ol>:

@media print {
  table, ul, ol {
    break-inside: avoid;
  }
}

دعم المتصفح

الرقم في الجدول يشير إلى إصدار المتصفح الأوائل الذي يدعم هذه الخاصية.

Chrome IE / Edge Firefox Safari Opera
50.0 10.0 65.0 10.0 37.0