خصائص page-break-after CSS
- الصفحة السابقة @page
- الصفحة التالية page-break-before
التعريف والاستخدام
يحدد خاصية page-break-after سلوك الفصل بعد العنصر.
بالرغم من أن يمكنك استخدام always لفرض الفصل، إلا أنك لا تستطيع التأكد من تجنب فصل الفصل، يمكن للمؤلفين أن يطلبوا من وسيط المستخدم تجنب الفصل قدر الإمكان.
تطبيقها على:عناصر مستقيمة غير مطوية لها قيمة position هي relative أو static.
التعليق:استخدم خصائص الفصل بأقل قدر ممكن، وأجنب استخدامها في الجداول، العناصر المتدحرجة، والعناصر الكبيرة الحجم.
انظر أيضًا:
دليل مرجعي لـ HTML DOM:خاصية pageBreakAfter
مثال
إعداد سلوك الفصل عند إنهاء عنصر الجدول دائمًا:
<html> <head> <style> @media print { table {page-break-after:always;} } </style> </head> <body> .... </body> </html>
جملة CSS
page-break-after: auto|always|avoid|left|right|initial|inherit;
قيمة الخاصية
القيمة | الوصف |
---|---|
auto | افتراضي. إذا لزم الأمر، ضع صفحة الفصل بعد العنصر. |
always | وضع صفحة الفصل بعد العنصر. |
avoid | تجنب وضع صفحة الفصل بعد العنصر. |
left | إلى أن يصل إلى صفحة فارغة يسارًا بعد وضع صفحة الفصل الكافية بعد العنصر. |
right | إلى أن يصل إلى صفحة فارغة يمينًا بعد وضع صفحة الفصل الكافية بعد العنصر. |
inherit | يحدد ما يجب أن تورث الخاصية page-break-after من عنصر الأب. |
تفاصيل التقنية
القيمة الافتراضية: | auto |
---|---|
تنسيق الإرث: | no |
الإصدار: | CSS2 |
جملة لغة جافا سكريبت: | object.style.pageBreakAfter="always" |
دعم المتصفح
الرقم في الجدول يوضح إصدار المتصفح الأول الذي يدعم هذه الخاصية بشكل كامل.
Chrome | IE / Edge | Firefox | Safari | Opera |
---|---|---|---|---|
1.0 | 4.0 | 1.0 | 1.2 | 7.0 |
- الصفحة السابقة @page
- الصفحة التالية page-break-before