English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

دليل مرجع CSS

قواعد CSS (RULES)

مجملة الخاصيات CSS

طريقة استخدام خاصية page-break-after في CSS ومثال

عند طباعة الوثيقة، أضف فاصلة صفحة بعد العنصر. يتم تطبيق خاصية page-break-after علىالنصوصالعنصر. لن يتم تطبيقها على <p> الفارغة، ولن تنتج مربع فارغ.

الجدول أدناه يوضح استخدام هذه الخاصية وتاريخ إصداراتها، بالإضافة إلى синтكس استخدام هذه الخاصية في سكربتات الجافاسكربت.

القيمة الافتراضية:auto
تطبيقها على:عناصر الفئة المدمجة
الوراثة:لا يوجد
يمكن أن يصنع الرسوم المتحركة:لايرجى الرجوع إلى خصائص الرسوم المتحركة.
الإصدار:CSS 2、3
قواعد اللغة الجافاسكربت:عنصر.style.pageBreakAfter="avoid"

استخدام صيغة page-break-after

تكون صيغة هذه الخاصية كالتالي:

page-break-after: auto | always | avoid | left | right | initial | inherit

في المثال التالي، يتم عرض كيفية استخدام خاصية page-break-after.

  @media print {
   p.footnotes {
    page-break-after: always;      
   }
  }
الاختبار لـ‹/›

في المثال السابق، يتم تعيين سلوك الصفحة إلى دائمًا وتحرك إلى الصفحة الجديدة بعد الفوترة.

ملاحظة:خصائص page-break-after تنطبق فقط على العنصر الجذر أوtable-rowفي التدفق العادي للعنصرالنصوصالعنصر.

قيمة الخاصية

جدول التالي يصف قيم هذه الخاصية.

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

توافق المتصفح

توافق متصفحات الإنترنت مع خصائص page-break-after، الأرقام في الجدول التالي تمثل أحدث إصدار من المتصفح الذي يدعم هذه الخاصية؛ جميع المتصفحات الشائعة يدعمون هذه الخاصية بشكل جزئي.

  • Firefox 1+

  • Google Chrome1+

  • Internet Explorer 4+

  • Apple Safari 1.2+

  • Opera 7+

تحذير: Internet Explorer 8 وكل الإصدارات السابقة لا يدعم هذه القيم left وright; أي قيمة تُفسر كـ always. لا يدعم Firefox،Chrome وSafari القيمة avoid،left أوright.

قراءة إضافية

يرجى الرجوع إلى التعليمات التالية:أنواع وسائل CSS.

خصائص مرتبطة:page-break-before,page-break-inside.