خصائص انقسام بعد

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

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

تم توسيع خاصية break-after لخصائص page-break-after في CSS2.

باستخدام break-after، يمكنك إخبار المتصفح بأن يوقف الصفحة، أو الشريط، أو المنطقة بعد العنصر الذي تم تطبيق break-after عليه، أو تجنب تقسيم العنصر وتشريعه على صفحتين.

مثال

أدرج دائمًا علامة التمييز قبل عنصر <footer>:

@media print {
  footer {
    break-after: always;
  }
}

جملة لغة CSS

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

قيمة الخاصية

القيمة الوصف
auto افتراضي. يتم التصفية التلقائية للصفحة والعمود والمنطقة بعد العنصر.
all أدرج دائمًا علامة التمييز بعد صندوق الجسم.
always أدرج دائمًا علامة التمييز بعد العنصر.
avoid تجنب إنشاء انقطاع في الصفحة أو العمود أو المنطقة بعد العنصر.
avoid-column تجنب إنشاء عمود بعد العنصر.
avoid-page تجنب إنشاء صفحة بعد العنصر.
avoid-region تجنب إنشاء منطقة بعد العنصر.
column أدرج دائمًا علامة التمييز بعد العنصر.
left أدرج علامة التمييز الواحدة أو الاثنتين بعد العنصر لتحويل الصفحة التالية إلى الصفحة اليسرى.
page أدرج دائمًا علامة التمييز بعد العنصر.
recto أدرج علامة التمييز الواحدة أو الاثنتين بعد صندوق الجسم لتحويل الصفحة التالية إلى صفة recto.
region أدرج دائمًا علامة التمييز بعد العنصر.
right أدرج علامة التمييز الواحدة أو الاثنتين بعد العنصر لتحويل الصفحة التالية إلى الصفحة اليمنى.
verso أدرج علامة التمييز الواحدة أو الاثنتين بعد صندوق الجسم لتحويل الصفحة التالية إلى صفة verso.
initial أعد هذا الخصائص إلى قيمته الافتراضية. انظر إلى: initial.
inherit ورث هذا الخصائص من عنصر الأب. انظر إلى: inherit.

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

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

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

مثال

أدرج دائمًا علامة التمييز بعد عنصر يحمل id "toc":

@media print {
  #toc {
    break-after: always;
  }
}

مثال

أدرج دائمًا علامة التمييز بعد عناصر <ul> في منطقة معينة:

.region ul {
    break-after: region;
  }
}

دعم المتصفح

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

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