CSS :: قبل المحدد
مثال
أدخل نصًا قبل محتوى كل عنصر من عناصر <p>:
p::before
{
content: "Read this: ";
}
المزيد من الأمثلة "جربها بنفسك" أدناه.
التعريف والاستخدام
يقوم ::before
المحدد بإدراج شيء ما قبل محتوى كل عنصر (عناصر) محدد.
استخدم خاصية المحتوى لتحديد المحتوى المراد إدراجه.
استخدم :: after selector لإدراج شيء ما بعد المحتوى.
الإصدار: | CSS2 |
---|
دعم المتصفح
تحدد الأرقام الواردة في الجدول إصدار المتصفح الأول الذي يدعم المحدِّد بشكل كامل.
Selector | |||||
---|---|---|---|---|---|
::before | 4.0 | 9.0 | 3.5 | 3.1 | 7.0 |
بنية CSS
::before {
css declarations;
}
مزيد من الأمثلة
مثال
أدخل المحتوى قبل محتوى كل عنصر <p> وقم بنمط المحتوى المدرج:
p::before
{
content: "Read this -";
background-color: yellow;
color: red;
font-weight: bold;
}
الصفحات ذات الصلة
دروس CSS: العناصر الزائفة لـ CSS
مرجع محدد CSS: CSS :: after selector