CSS @page کا رول

تعریف و استفاده

CSS @page این قوانین برای تعیین اندازه، جهت و margins صفحه چاپ سفارشی استفاده می‌شود.

مثال

صفحه چاپ سفارشی:

@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 مargins صفحه را مشخص می‌کند.
page-orientation جهت صفحه را مشخص می‌کند.
size ابعاد و جهت هدف جعبه صفحه را مشخص می‌کند.

پشتیبانی مرورگر

تبصره می‌زند که نسخه اولین مرورگر که این @ قوانین را کامل پشتیبانی می‌کند.

At-rule Chrome Edge Firefox Safari Opera
@page 2 12 19 No 6
@page: size 15 79 95 No 15
@page: page-orientation 85 85 No No 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 ناممکن ناممکن ناممکن ناممکن