آموزش تابع attr در CSS

سلام خدمت تمامی دوستان و همراهان محترم سایت آموزشی فری لرن ، امیدوارم که حال همگیتون خوب باشه. لطفا در ادامه با آموزش تابع attr در CSS با من همراه باشید.

آموزش تابع attr در CSS

Free-Learn

تابع attr در CSS

با استفاده از تابع attr در CSS میتوان صفات ( Attributes ) یک یا چندین تگ را بدست آورد، یا بطور کلی این تابع مقداری که برگشت میدهد در واقع مقدار صفت یک تگ می باشد.

نسخه CSS2

Free-Learn

مثال از تابع attr در CSS

در ادامه میتوانید یک مثال از این تابع را در زبان CSS مشاهده نمایید.

مثال شماره ۱ : بدست آوردن آدرس URL یک لینک و نمایش آن وقتی ماوس بروی لینک قرار گرفت

امتحان کنید

مثال شماره ۲ : ساخت یک تولتیپ ( Tooltip ) ساده – استفاده از صفت مَن درآوردی ( صفتی که عشقی خودمون درست کردیم با مقدار ) – وقتی ماوس بره روی متن « لطفا ماوس رو بیار روی من » یک متن تولتیپ نمایش داده میشود.

امتحان کنید

Free-Learn

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

در جدول زیر میتوانید مشاهده نمایید که آیا مرورگرهای اینترنتی از تابع attr در CSS پشتیبانی میکنند یا خیر.

نام تابع Chrome Firefox Opera Safari IE
()attr ۲٫۰ ۱٫۰ ۹٫۰ ۳٫۱ ۸٫۰

Free-Learn

شکل نوشتاری

نحوه نوشتن یا استفاده یا سینتَکس (Syntax) این تابع در CSS بصورت زیر می باشد.

Free-Learn

جدول مقادیر تابع attr در CSS

در جدول زیر میتوانید، مقادیری را که میتوان در این تابع استفاده کرد مشاهده نمایید.

مقدار توضیح
attribute-name ضروری – نام اون صفتی که قراره مقدارش برگشت داده شه

Free-Learn

نکات و توضیحات

این تابع در CSS3 کمی پیشرفته تر می باشد و میتوان آن را با دیگر ویژگی های CSS ( نه صرفا ویژگی Content ) بکار گرفت ، و همچنین دارای قابلیت ایجاد یک مقدار بازگشتی دلخواه می باشد. ( ولی فعلا هیچکدوم از مرورگرهای اینترنتی از این تابع در CSS3 پشتیبانی نمی کنند )

Free-Learn

دریافت PDF یا پرینت این مطلب