القاعدة ‎@page

القاعدة ‎@page في CSS تُستعمَل لتعديل بعض خاصيات CSS عند طباعة المستخدم، أي لا يمكنك تغيير جميع خاصيات CSS مع هذه القاعدة، إذ تستطيع تغيير الهوامش margin واليتامى orphans والأرامل widows، وسيتم تجاهل محاولة تغيير خاصيات CSS الأخرى.

@page {
  margin: 1cm;
}

@page :first {
  margin: 2cm;
}

دعم المتصفحات

الميزة	Chrome	Firefox	Internet Explorer	Opera	Safari
الدعم الأساسي	2.0	19.0	8.0	6.0	غير مدعومة

بعض الخاصيات التي لا تُستعمَل إلا مع هذه القاعدة (مثل size و marks و bleed) لها دعمٌ محدودٌ في المتصفحات.

البنية العامة

الخاصية size

تُحدِّد هذه الخاصية قياس واتجاه الصفحة المطبوعة، ويكون القياس متفقًا في أغلبية الحالات مع قياس الورقة المطبوعة إن كان ذلك ممكنًا.

/* كلمات محجوزة */
size: auto;
size: portrait;
size: landscape;

/* <length> */
/* 1 value: height = width */
size: 6in;

/* العرض ثم الطول */
size: 4in 6in; 

/* قياسات الأوراق */
size: A4;
size: B5;
size: JIS-B4;
size: letter;

/* قياس الأوراق مع اتجاهها */
size: A4 portrait;

القيمة auto

سيُحدِّد المتصفح قياس الورقة تلقائيًا، وستماثل أبعاد واتجاه الأوراق المتوافرة على الجهاز.

القيمة landscape

ستكون محتويات الصفحة بالعرض (landscape)، أي أنَّ البُعد الطويل للصندوق أفقي.

القيمة portrait

ستكون محتويات الصفحة بالطول (portrait)، أي أنَّ البُعد الطويل للصندوق رأسي.

القيمة <length>

قيمة طولية تُحدِّد عرض الصفحة وارتفاعها، أو قيمتان طوليتان تُحدِّدان عرض الصفحة وارتفاعها.

القيمة <page-size>

• A5: صفحة بأبعاد ISO المعيارية: 148mm × 210mm.
• A4: صفحة بأبعاد ISO المعيارية: 210mm × 297mm (أكثر قياس أوراق مستعمل في الطابعات الشخصية).
• A3: صفحة بأبعاد ISO المعيارية: 297mm × 420mm.
• B5: صفحة بأبعاد ISO المعيارية: 176mm × 250mm.
• B2: صفحة بأبعاد ISO المعيارية: 250mm × 353mm.
• JIS-B5: صفحة بأبعاد JIS المعيارية: 182mm × 257mm.
• JIS-B4: صفحة بأبعاد JIS المعيارية: 257mm × 364mm.
• letter: صفحة بأبعاد letter المستخدمة في أمريكا الشمالية: 8.5in × 11in.
• legal: صفحة بأبعاد legal المستخدمة في أمريكا الشمالية: 8.5in × 14in.
• ledger: صفحة بأبعاد ledger المستخدمة في أمريكا الشمالية: 11in × 17in.

الخاصية marks

إضافة علامات الاقتصاص (crop، التي تستخدم لمعرفة أين يجب قص الصفحة) أو التقاطع (cross، التي تُستخدَم لمحاذاة الأوراق) إلى المستند.

/* كلمات محجوزة */
marks: none;
marks: crop;
marks: cross;
marks: crop cross;

القيمة crop

إظهار علامات الاقتصاص.

القيمة cross

إظهار علامات التقاطع.

القيمة none

عدم إظهار أيّ علامة.

البنية الرسمية

mark: none | [ crop || cross ]

الخاصية bleed

تُحدِّد المسافة بين علامات الاقتصاص وحافة الصفحة، وليس لها أي تأثير إذا لم نستعمل الخاصية marks.

/* كلمات محجوزة */
bleed: auto;

/* <length> */
bleed: 8pt;
bleed: 1cm;

القيمة auto

هذه الكلمة المحجوزة ستساوي 6pt إذا كانت قيمة الخاصية marks تساوي crop، وإلا فستساوي الصفر.

القيمة <length>

تُحدِّد ما هو البعد بين حافة الصفحة وعلامات الاقتصاص.

البنية الرسمية

bleed: auto | <length>

البنية الرسمية

@page <page-selector-list> {
  <page-body>
}

مصادر ومواصفات

• مسودة CSS Logical Properties Level 1.
• مسودة CSS Paged Media Module Level 3.
• مواصفة ‎CSS Level 2 (Revision 1)‎.