دليل CSS

قواعد CSS @

كامل خصائص CSS

دالة CSS attr()

يستخدم تعبير CSS attr() للحصول على قيمة خاصية HTML للاعتماد على العنصر المحدد، واستخدامها في النمط. يمكن أيضًا استخدامه في العناصر المزيفة، حيث يتم استخدام قيمة العنصر الذي يعتمد عليه العنصر المزيف. يمكن استخدام تعبير attr() في أي خاصية CSS.

CSS الدوال

مثال على الإنترنت

في المثال التالي، يتم إدراج محتوى بعد كل رابط:

مثال

!DOCTYPE html
<html>
<head>
<meta charset="utf-8">　
<title>دروس الأساس (oldtoolbag.com)</title>　
<style>
a:after {content: " ( " attr(href) " )";}
</style>
</head>
<body>
<p><a href="//ar.oldtoolbag.com">دروس الأساس</a></p>
<p><a href="//ar.oldtoolbag.com/html/">دروس HTML</a></p>
<p><strong>ملاحظة:</strong> IE8 يتطلب إعلان !DOCTYPE حتى يدعم الدالة attr().</p>
</body>
</html>

تجربة لرؤية <‹/›>

التعريف والاستخدام

تقوم دالة attr() بتحويل قيمة الخاصية للعنصر المحدد.

الإصدارات المدعومة: CSS2

ملاءمة المتصفحات

الرقم في الجدول في الصفحة يعني إصدار أول متصفح يدعم هذه الدالة.

الدالة
attr()	2.0	8.0	1.0	3.1	9.0

ملاحظة: IE8 يتطلب إعلان !DOCTYPE حتى يدعم الدالة attr().

قواعد CSS

القواعد: attr( attribute-name <type-or-unit>? [, <fallback>?] )

القيمة	الوصف
attribute-name	مطلوب. اسم الخاصية للعنصر HTML.

CSS الدوال

قاعدة CSS @charset وظائف CSS