الصنف ‎:first

من موسوعة حسوب
< CSS
اذهب إلى: تصفح، ابحث

الصنف الزائف ‎:first في CSS (أي pseudo-class) يُستعمَل مع القاعدة ‎@page، ويُمثِّل أوّل صفحة من المستند عند طباعته.

@page :first {
  margin-left: 50%;
  margin-top: 50%;
}
ملاحظة: لا يمكن تغيير قيم جميع خاصيات CSS عند استخدام هذا الصنف الزائف، وإنما يمكن تغيير قيم الهوامش margin واليتامى orphans والأرامل widows وطريقة الانتقال إلى صفحة جديدة؛ وسيتم تجاهل جميع الخاصيات الأخرى. الشكل العام لهذا المحدد:
:first

أمثلة

لاحظ كيف ستتغير الهوامش في الصفحة الأولى عند طباعتها:

<p>First Page.</p>
<p>Second Page.</p>
<button>Print!</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 ؟

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