قاعدة CSS @page
- الصفحة السابقة padding-top
- الصفحة التالية page-break-after
تعريف و استخدام
CSS @page
يستخدم القاعدة لتخصيص حجم، اتجاه و هوامش صفحات الطباعة.
مثال
تخصيص صفحات الطباعة:
@page :first { margin-left: 40%; margin-top: 50%; } @page :left { margin-left: 10%; margin-top: 10%; } @page :right { margin-left: 90%; margin-top: 90%; }
نص CSS
@page { margin: قيمة; page-orientation: قيمة; size: قيمة; }
قيمة الخاصية
القيمة | وصف |
---|---|
margin | تحديد الهوامش الخارجية للصفحة. |
page-orientation | تحديد اتجاه الصفحة. |
size | تحديد حجم واتجاه حاوية الصفحة الهدف. |
دعم المتصفح
الرقم في الجدول يعكس إصدار المتصفح الذي يدعم هذه @ القاعدة بشكل كامل.
قاعدة | كروم | إدج | فايرفوكس | سفاري | أوبرا |
---|---|---|---|---|---|
@page | 2 | 12 | 19 | لا | 6 |
@page: size | 15 | 79 | 95 | لا | 15 |
@page: page-orientation | 85 | 85 | لا | لا | 71 |
@page: @top-left | 131 | غير مدعوم | غير مدعوم | غير مدعوم | غير مدعوم |
@page: @left-top | 131 | غير مدعوم | غير مدعوم | غير مدعوم | غير مدعوم |
@page: @top-right | 131 | غير مدعوم | غير مدعوم | غير مدعوم | غير مدعوم |
@page: @right-top | 131 | غير مدعوم | غير مدعوم | غير مدعوم | غير مدعوم |
@page: @top-center | 131 | غير مدعوم | غير مدعوم | غير مدعوم | غير مدعوم |
@page: @bottom-left | 131 | غير مدعوم | غير مدعوم | غير مدعوم | غير مدعوم |
@page: @left-bottom | 131 | غير مدعوم | غير مدعوم | غير مدعوم | غير مدعوم |
- الصفحة السابقة padding-top
- الصفحة التالية page-break-after