خصوصیت content

مثال

در این مثال URL هر لینک داخل یک پرانتز بعد از آن لینک قرار می گیرد:

a:after
{
content: " (" attr(href) ")";
}

تعریف و کاربرد

خاصیت content با ترکیب شبه عنصرهای after: و after: برای درج محتوا به کار می رود.

مقدار پیشفرض normal
ارث بری خیر
نسخه CSS2
JavaScript ساختار object.style.content="url(beep.wav)"

پشتیبانی مرورگرها

    

تمام مرورگرهای اصلی، خصوصیت content را پشتیبانی می کنند.

توجه: IE8 به !DOCTYPE! نیاز دارد.

مقدارهای خصوصیت Content

مقدار توضیحات مثال
none اگر خصوصیت content تنظیم شده باشد، محتوای را خالی می کند.
normal اگر خصوصیت content تنظیم شده باشد، محتوای را به حالت معمول برمی گرداند که حالت پیش فرض "none" است.
counter یک شمارنده برای محتوای تنظیم می کند.
attr(attribute) محتوای را با مقدار یکی از ویژگی های عنصر انتخاب شده تنظیم می کند.
string محتوی را با یک متن تنظیم می کند.
open-quote در ابتدای محتوی یک کوتیشن نمایش می دهد.
close-quote در انتهای محتوی یک کوتیشن نمایش می دهد.
no-open-quote اگر برای ابتدای محتوای کوتیشن تنظیم شده باشد، آنرا حذف می کند.
no-close-quote اگر برای انتهای محتوای کوتیشن تنظیم شده باشد، آنرا حذف می کند.
url(url) یکی از انواع مدیاها را برای محتوای تنظیم می کند (عکس، صوت، ویدئو و ...)
inherit تعيين مي کند که بايد از والدش، ارث بري داشته باشد.