مرجع CSS

قواعد CSS @

مجموعة كاملة من CSS

محدد CSS [attribute~=value]

يُمثل العناصر التي تحتوي على سمة تحمل الاسم "attribute"، والتي هي قائمة بالقيم المفصولة بالفضاءات، حيث [على الأقل] واحدة من القيم تتطابق مع "value".

دليل مرجعي كامل لاختيارات CSS

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

اختر جميع العناصر التي تحتوي على كلمة "flower" في خاصية عنوان "title".

مثال

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">　
<title>دليل أساسي (oldtoolbag.com)</title>　
<style>
[title~=flower]
{
　　　　حافة:5px ثابتة أحمر;
}
</style>
</head>
<body>
<p>إذا كان يحتوي على كلمة "flower" في خاصية "title" للصورة، سيتم تعيين حوافها باللون الأحمر.</p>
<img src="klematis.jpg" title="klematis flower" width="150" height="113" />
<img src="img_flwr.gif" title="flowers" width="224" height="162" />
<img src="landscape.jpg" title="landscape" width="160" height="120" />
<p><b>ملاحظة:</b>إذا كان [attribute~=<i>value</i>] يجب أن يعمل في IE8 وأولى إصداراته، يجب الإعلان عن DOCTYPE.</p>
</body>
</html>

اختبرها لمعرفة ‹/›

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

[سمة~=قيمةاختيار] يستخدم لاختيار العناصر التي تحتوي على كلمة معينة في قيمة السمة.

تطابق المتصفحات

IEFirefoxOperaChromeSafari

يدعم جميع المتصفحات الرئيسية[سمة~=قيمةاختيار.]

ملاحظة:[سمة~=قيمةلا يعمل في IE8، يجب الإعلان عنها <!DOCTYPE>.

المقالات ذات الصلة

دليل CSS: محددات CSS

دليل مرجعي كامل لاختيارات CSS

وظائف CSS مختاراة محددات CSS