خصائص content CSS
- الصفحة السابقة @container
- الصفحة التالية counter-increment
تعريف و استخدام
يُستخدم خاصية content مع pseudo-elements :before و :after لإدراج المحتوى المُنتج.
شرح
يُستخدم هذا الخصائص لتحديد المحتوى المُنتج الذي يتم وضعة قبل أو بعد العنصر. بشكل افتراضي، يكون هذا المحتوى داخلاً في النص، ولكن يمكن التحكم في نوع الصندوق الذي يتم إنشاؤه بواسطة الخاصية display.
انظر أيضًا:
دليل CSSالصيغة المزيفة :before CSS
دليل CSSالصيغة المزيفة :after CSS
دليل HTML DOMخاصية content
مثال
في المثال التالي، يتم إدراج عنوان URL في أقواس في نهاية كل رابط:
a:after
{
content: " (" attr(href) ")";
}
syntax CSS
content: normal|none|counter|attr|string|open-quote|close-quote|no-open-quote|no-close-quote|url|initial|inherit;
قيمة الخاصية
| القيمة | الوصف |
|---|---|
| لا شيء | |
| normale | |
| مواصفات content | |
| inherit | يُتوقع أن يتم تمرير قيمة الخاصية content من العنصر الأم. |
تفاصيل التقنية
| القيمة الافتراضية: | normale |
|---|---|
| الوراثة: | لا |
| الإصدار: | CSS2 |
| جافا سكريبت syntax: | object.style.content="url(beep.wav)" |
دعم المتصفح
الرقم في الجدول يشير إلى إصدار المتصفح الأول الذي يدعم هذه الخاصية بالكامل.
| Chrome | IE / Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| 1.0 | 8.0 | 1.0 | 1.0 | 4.0 |
- الصفحة السابقة @container
- الصفحة التالية counter-increment
