قانون @page CSS

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

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

مثال

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

@صفحه :first {
  حاشیه‌ی چپ: 40%;
  حاشیه‌ی بالا: 50%;
}
@صفحه :left {
  حاشیه‌ی چپ: 10%;
  حاشیه‌ی بالا: 10%;
}
@صفحه :right {
  حاشیه‌ی چپ: 90%;
  حاشیه‌ی بالا: 90%;
}

آزمایش کنید

نوع زبان CSS

@صفحه {
  حاشیه: مقدار;
  جهت-صفحه: مقدار;
  اندازه: مقدار;
}

مقدار ویژگی

مقدار توضیح
حاشیه مشخص کردن حاشیه‌ی بیرونی صفحه.
جهت-صفحه مشخص کردن جهت صفحه.
اندازه مشخص کردن اندازه و جهت جعبه‌ی هدف صفحه.

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

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

قانون کروم برج افراط سفاری آپرا
@صفحه 2 12 19 خیر 6
@صفحه: اندازه 15 79 95 خیر 15
@صفحه: جهت-صفحه 85 85 خیر خیر 71
@صفحه: @left-top 131 پشتیبانی نمی‌شود پشتیبانی نمی‌شود پشتیبانی نمی‌شود پشتیبانی نمی‌شود
@صفحه: @top-left 131 پشتیبانی نمی‌شود پشتیبانی نمی‌شود پشتیبانی نمی‌شود پشتیبانی نمی‌شود
@صفحه: @right-top 131 پشتیبانی نمی‌شود پشتیبانی نمی‌شود پشتیبانی نمی‌شود پشتیبانی نمی‌شود
@صفحه: @top-right 131 پشتیبانی نمی‌شود پشتیبانی نمی‌شود پشتیبانی نمی‌شود پشتیبانی نمی‌شود
@صفحه: @center-top 131 پشتیبانی نمی‌شود پشتیبانی نمی‌شود پشتیبانی نمی‌شود پشتیبانی نمی‌شود
@page: @bottom-left 131 پشتیبانی نمی‌شود پشتیبانی نمی‌شود پشتیبانی نمی‌شود پشتیبانی نمی‌شود
@page: @left-bottom 131 پشتیبانی نمی‌شود پشتیبانی نمی‌شود پشتیبانی نمی‌شود پشتیبانی نمی‌شود