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

دليل مرجع CSS

قواعد CSS (RULES)

مجلة خصائص CSS

طرق استخدام خاصية page-break-before في CSS والمعاينة

عند طباعة المستند، يتم وضع خاصية page-break-before الخاصة بالخصائص CSS قبل page-break-before في العنصر قبل علامة الفصل.النص المسطحعنصر. إنه لا ينطبق على <p> التي لا تنتج مربعات فارغة.

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

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

قواعد استخدام page-break-before

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

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

يوضح المثال أدناه كيفية استخدام خاصية page-break-before.

  @media print {
   h1 {
    page-break-before: always;      
   }
  }
اختبار ل‹/›

ستكون سلوك الصفحة في المثال أعلاه دائمًا في<h1>توقف الصفحة قبل العنصر، بحيث يظهر العنصر دائمًا في أعلى الصفحة الجديدة.

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

قيمة الخاصية

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

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

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

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

  • 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-after،page-break-inside