الفرق بين المراجعتين ل"CSS/@page"
ط (استبدال النص - '\[\[تصنيف:(.*)\]\]' ب'{{SUBPAGENAME}}') |
|||
| سطر 53: | سطر 53: | ||
</syntaxhighlight> | </syntaxhighlight> | ||
| − | ==== | + | ==== <code>auto</code> ==== |
سيُحدِّد المتصفح قياس الورقة تلقائيًا، وستماثل أبعاد واتجاه الأوراق المتوافرة على الجهاز. | سيُحدِّد المتصفح قياس الورقة تلقائيًا، وستماثل أبعاد واتجاه الأوراق المتوافرة على الجهاز. | ||
| − | ==== | + | ==== <code>landscape</code> ==== |
ستكون محتويات الصفحة بالعرض (landscape)، أي أنَّ البُعد الطويل للصندوق أفقي. | ستكون محتويات الصفحة بالعرض (landscape)، أي أنَّ البُعد الطويل للصندوق أفقي. | ||
| − | ==== | + | ==== <code>portrait</code> ==== |
ستكون محتويات الصفحة بالطول (portrait)، أي أنَّ البُعد الطويل للصندوق رأسي. | ستكون محتويات الصفحة بالطول (portrait)، أي أنَّ البُعد الطويل للصندوق رأسي. | ||
| − | ==== | + | ==== <code>[[CSS/length|<length>]]</code> ==== |
قيمة طولية تُحدِّد عرض الصفحة وارتفاعها، أو قيمتان طوليتان تُحدِّدان عرض الصفحة وارتفاعها. | قيمة طولية تُحدِّد عرض الصفحة وارتفاعها، أو قيمتان طوليتان تُحدِّدان عرض الصفحة وارتفاعها. | ||
| − | ==== | + | ==== <code><page-size></code> ==== |
* <code>A5</code>: صفحة بأبعاد ISO المعيارية: 148mm × 210mm. | * <code>A5</code>: صفحة بأبعاد ISO المعيارية: 148mm × 210mm. | ||
* <code>A4</code>: صفحة بأبعاد ISO المعيارية: 210mm × 297mm (أكثر قياس أوراق مستعمل في الطابعات الشخصية). | * <code>A4</code>: صفحة بأبعاد ISO المعيارية: 210mm × 297mm (أكثر قياس أوراق مستعمل في الطابعات الشخصية). | ||
| سطر 86: | سطر 86: | ||
</syntaxhighlight> | </syntaxhighlight> | ||
| − | ==== | + | ==== <code>crop</code> ==== |
إظهار علامات الاقتصاص. | إظهار علامات الاقتصاص. | ||
| − | ==== | + | ==== <code>cross</code> ==== |
إظهار علامات التقاطع. | إظهار علامات التقاطع. | ||
| − | ==== | + | ==== <code>none</code> ==== |
عدم إظهار أيّ علامة. | عدم إظهار أيّ علامة. | ||
| سطر 111: | سطر 111: | ||
</syntaxhighlight> | </syntaxhighlight> | ||
| − | ==== | + | ==== <code>auto</code> ==== |
| − | هذه الكلمة المحجوزة ستساوي <code>6pt</code> إذا كانت | + | هذه الكلمة المحجوزة ستساوي <code>6pt</code> إذا كانت الخاصية <code>marks</code> تساوي <code>crop</code>، وإلا فستساوي الصفر. |
| − | ==== | + | ==== <code>[[CSS/length|<length>]]</code> ==== |
تُحدِّد ما هو البعد بين حافة الصفحة وعلامات الاقتصاص. | تُحدِّد ما هو البعد بين حافة الصفحة وعلامات الاقتصاص. | ||
مراجعة 08:32، 29 أكتوبر 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).