دستورالعمل‌های مرجع پseudo-element CSS

الصيغ الزائفة في CSS

تُستخدم الصيغ الزائفة في CSS لتحديد النمط لجزء معين من العنصر.

على سبيل المثال، يمكن استخدامه في:

  • يُحدد نمط الحرف الأول أو السطر الأول للعنصر.
  • يُضيف محتوى قبل أو بعد محتوى العنصر.
  • يُحدد نمط علامة القائمة.
  • يُحدد نمط العرض الخلفي للنافذة الحوارية.

يُظهر الجدول أدناه مختلف الصيغ الزائفة في CSS:

الصيغة الزائفة مثال وصف المثال
::after p::after يُضيف محتوى بعد محتوى العنصر المحدد.
::backdrop dialog::backdrop يُحدد نمط العرض الخلفي للنافذة الحوارية أو العنصر المنبثق.
::before p::before يُضيف محتوى قبل محتوى العنصر المحدد.
::file-selector-button ::file-selector-button يُحدد زر النوع <input type="file">.
::first-letter p::first-letter يُحدد الحرف الأول لكل عنصر <p>.
::first-line p::first-line يُحدد السطر الأول لكل عنصر <p>.
::grammar-error ::grammar-error يُحدد النمط النصي للنصوص التي علامتها كخطأ نحوي.
::highlight() ::highlight(custom-name) يُحدد التأكيد المخصص.
::marker ::marker يُحدد علامة اختيار عنصر القائمة.
::placeholder input::placeholder يُحدد نمط النص للنصوص التي تكون نصوص الدعم لـ <input> أو <textarea>.
::selection ::selection يُحدد نمط النص المحدد للمستخدم المحدد.
::spelling-error ::spelling-error يُحدد النمط النصي للنصوص التي علامتها كخطأ إملائي.
::view-transition ::view-transition يُمثل الجذر لطبقة التحويل الوظيفي، ويشمل جميع التحولات الوظيفية على الصفحة.
::view-transition-group ::view-transition-group يُمثل مجموعة صورة التحويل الواحدة.
::view-transition-image-pair ::view-transition-image-pair يُمثل الحاوية للوضع القديم والجديد للتحويل بين الوظائف (التحويل قبل وبعد).
::view-transition-new ::view-transition-new يُمثل حالة 'الرؤية الجديدة' للانتقال بين الرؤى.
::view-transition-old ::view-transition-old يُمثل حالة 'الرؤية القديمة' للانتقال بين الرؤى.