الفرق بين المراجعتين لصفحة: «CSS/@page»
< CSS
لا ملخص تعديل |
لا ملخص تعديل |
||
| (مراجعتان متوسطتان بواسطة مستخدمين اثنين آخرين غير معروضتين) | |||
| سطر 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> ==== | ||
تُحدِّد ما هو البعد بين حافة الصفحة وعلامات الاقتصاص. | تُحدِّد ما هو البعد بين حافة الصفحة وعلامات الاقتصاص. | ||
| سطر 128: | سطر 128: | ||
} | } | ||
</syntaxhighlight> | </syntaxhighlight> | ||
== انظر أيضًا == | |||
* صفحة الخاصية <code>[[CSS/margin|margin]]</code> التي تضبط الهوامش في الأطراف الأربعة للعنصر. | |||
* صفحة الخاصية <code>[[CSS/orphans|orphans]]</code> التي تُحدِّد العدد الأدنى للأسطر النصية الموجودة في حاوية كتلية التي يجب أن تظهر في أسفل الصفحة أو العمود. | |||
* صفحة الخاصية <code>[[CSS/widows|widows]]</code> التي تُحدِّد العدد الأدنى للأسطر النصية الموجودة في حاوية كتلية التي يجب أن تظهر في أعلى الصفحة أو العمود. | |||
== مصادر ومواصفات == | == مصادر ومواصفات == | ||
* مسودة [https://drafts.csswg.org/css-logical-props/#logical-page CSS Logical Properties Level 1]. | * مسودة [https://drafts.csswg.org/css-logical-props/#logical-page CSS Logical Properties Level 1]. | ||
* مسودة [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}}]] | ||
المراجعة الحالية بتاريخ 18:55، 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>
}
انظر أيضًا
- صفحة الخاصية
marginالتي تضبط الهوامش في الأطراف الأربعة للعنصر. - صفحة الخاصية
orphansالتي تُحدِّد العدد الأدنى للأسطر النصية الموجودة في حاوية كتلية التي يجب أن تظهر في أسفل الصفحة أو العمود. - صفحة الخاصية
widowsالتي تُحدِّد العدد الأدنى للأسطر النصية الموجودة في حاوية كتلية التي يجب أن تظهر في أعلى الصفحة أو العمود.
مصادر ومواصفات
- مسودة CSS Logical Properties Level 1.
- مسودة CSS Paged Media Module Level 3.
- مواصفة CSS Level 2 (Revision 1).