CSS/@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>
}

انظر أيضًا

• صفحة الخاصية margin التي تضبط الهوامش في الأطراف الأربعة للعنصر.
• صفحة الخاصية orphans التي تُحدِّد العدد الأدنى للأسطر النصية الموجودة في حاوية كتلية التي يجب أن تظهر في أسفل الصفحة أو العمود.
• صفحة الخاصية widows التي تُحدِّد العدد الأدنى للأسطر النصية الموجودة في حاوية كتلية التي يجب أن تظهر في أعلى الصفحة أو العمود.

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

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