الصنف :first
< CSS
الصنف الزائف :first
في CSS (أي pseudo-class) يُستعمَل مع القاعدة @page
، ويُمثِّل أوّل صفحة من المستند عند طباعته.
@page :first {
margin-left: 50%;
margin-top: 50%;
}
ملاحظة: لا يمكن تغيير قيم جميع خاصيات CSS عند استخدام هذا الصنف الزائف، وإنما يمكن تغيير قيم الهوامش margin
واليتامى orphans
والأرامل widows
وطريقة الانتقال إلى صفحة جديدة؛ وسيتم تجاهل جميع الخاصيات الأخرى.
الشكل العام لهذا المحدد:
:first
أمثلة
لاحظ كيف ستتغير الهوامش في الصفحة الأولى عند طباعتها:
<p>الصفحة الأولى</p>
<p>الصفحة الثانية</p>
<button>طباعة!</button>
شيفرة CSS:
@page :first {
margin-left: 50%;
margin-top: 50%;
}
p {
page-break-after: always;
}
شيفرة JavaScript:
document.querySelector("button").onclick = function () {
window.print();
}
دعم المتصفحات
الميزة | Chrome | Firefox | Internet Explorer | Opera | Safari |
---|---|---|---|---|---|
الدعم الأساسي | مدعومة | غير مدعومة | 8.0 | 9.2 | ؟ |
مصادر ومواصفات
- مواصفة CSS Paged Media Module Level 3.
- مواصفة CSS Level 2 (Revision 1).