الفرق بين المراجعتين لصفحة: «CSS/@page»
لا ملخص تعديل |
ط استبدال النص - '\[\[تصنيف:(.*)\]\]' ب'{{SUBPAGENAME}}' |
||
| سطر 132: | سطر 132: | ||
* مسودة [https://drafts.csswg.org/css-page-3/#at-page-rule CSS Paged Media Module Level 3]. | * مسودة [https://drafts.csswg.org/css-page-3/#at-page-rule CSS Paged Media Module Level 3]. | ||
* مواصفة [http://www.w3.org/TR/CSS2/page.html#page-selectors CSS Level 2 (Revision 1)]. | * مواصفة [http://www.w3.org/TR/CSS2/page.html#page-selectors CSS Level 2 (Revision 1)]. | ||
[[تصنيف:CSS]] | [[تصنيف:CSS|{{SUBPAGENAME}}]] | ||
[[تصنيف:CSS At-rule]] | [[تصنيف:CSS At-rule|{{SUBPAGENAME}}]] | ||
مراجعة 15:34، 28 يناير 2018
القاعدة @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).