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

دليل مرجع CSS

قواعد CSS @

كامل خصائص CSS

استخدام خاصية CSS page-break-inside و مثال

تُجبر خاصية page-break-inside CSS أو تمنع علامات الفصل عند الطباعة داخل العنصر. تنطبق هذه الخاصية على العناصر التي تُنتج مربعات.مستوىالعنصر. لا ينطبق على <p> الفارغ، ولا يُنشأ منها حجرة فارغة.

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

القيمة الافتراضية:auto
يُستخدم ل:عناصر مستوى
الوراثة:لا
يمكن تفعيل الرسوم المتحركة:لايرجى الرجوع إلى خصائص الرسوم المتحركة
الإصدار:CSS 2、3

جملة استخدام page-break-inside

جملة هذا الخصائص هي:

page-break-inside: auto | avoid | initial | inherit

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

  @media print {
   ul {
    page-break-inside: avoid;      
   }
  }
اختبار ل‹/›

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

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

قيمة الخاصية

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

القيمةالوصف
autoإذا لزم الأمر، أضف علامة فصل الصفحة داخل العنصر. هذا هو القيمة الافتراضية.
avoidتجنب إجراء صفحات داخل العنصر.
initialإعداد هذه الخاصية إلى قيمتها الافتراضية.
inheritإذا تم تحديد هذا، فإن العنصر المرتبط يأخذ قيمة خاصية page-break-inside لوالده.

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

لا يدعم Firefox page-break-inside هذه الخاصية.

  • Firefox (لا)

  • Google Chrome1+

  • Internet Explorer 8+

  • Apple Safari 1.3+

  • Opera 7+

تحذير:يُنصح بتجنب استخدام هذه الخاصية لأن دعمها سيئ. كما يجب تجنب استخدام علامات الفصل في العناصر المزخرفة بالحواف، العناصر الفواحة والعناصر المدمجة في أجزاء من العناصر.

قراءة إضافية

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

خصائص مرتبطة:page-break-after،page-break-before