ویژگی content CSS
- صفحه قبل @container
- صفحه بعد counter-increment
تعریف و استفاده
ویژگی content با پنهان‌سازی‌های :before و :after استفاده می‌شود تا محتوای تولید شده را وارد کند.
توضیحات
این ویژگی برای تعریف محتوایی که قبل یا پس از عنصر قرار می‌گیرد استفاده می‌شود. به طور پیش‌فرض، این محتوا به صورت محتوا درون‌خطی است، اما نوع جعبه‌ای که این محتوا ایجاد می‌کند می‌تواند با استفاده از ویژگی display کنترل شود.
لطفاً به:
دستورالعمل CSS:عنصر جعلی :before CSS
دستورالعمل CSS:عنصر جعلی :after CSS
دستورالعمل HTML DOM:ویژگی content
مثال
در این مثال، URL در گوشه‌ای در پس از هر لینک قرار می‌گیرد:
a:after
{
content: " (" attr(href) ")";
}
قوانین CSS
content: normal|none|counter|attr|string|open-quote|close-quote|no-open-quote|no-close-quote|url|initial|inherit;
مقدار ویژگی
| مقدار | توضیحات |
|---|---|
| none | |
| normal | |
| specifications of content | |
| inherit | این ویژگی باید مقدار content از عنصر والد خود را ارث ببرد. |
جزئیات فنی
| مقدار پیش‌فرض: | normal |
|---|---|
| erbستی: | no |
| نسخه: | CSS2 |
| قوانین جاوااسکریپت: | 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
