قاعدة CSS @page

تعريف و استخدام

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 غير مدعوم غير مدعوم غير مدعوم غير مدعوم