English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
يُشير إلى العناصر التي تحتوي على الخاصية المسمى "attribute"، قيمة الخاصية هي "value" أو تبدأ بـ "value-" (يُستخدم "-" كنقطة مسقط، يُ编码 بـ U+002D). تطبيق نموذجي للغرض هو لتنسيق رموز اختصار اللغات (مثل يمكن استخدام "zh" كقيمة لـ "zh-CN"، "zh-TW").
اختر العناصر التي تبدأ بقيمة صفة lang بـ "en" واجعلها نمطها:}
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>دليل الأساسيات (oldtoolbag.com)</title>
<style>
[lang|=en]
{
الخلفية:أصفر;
}
</style>
</head>
<body>
<p lang="en">Hello!</p>
<p lang="en-us">Hi!</p>
<p lang="en-gb">Ello!</p>
<p lang="us">Hi!</p>
<p lang="no">Hei!</p>
<p><b>ملاحظة:</b>إذا كان [<i>attribute</i>~=<i>value</i>] يجب أن يعمل في IE8 وكل الإصدارات السابقة، يجب إعلان DOCTYPE.</p>
</body>
</html>اختبار لمعرفة ‹/›[الصفة|=القيمة] اختيار يستخدم لاختيار العناصر التي تبدأ بقيمة معينة.
ملاحظة:هذا القيمة كلمة كاملة، سواء كانت منفردة مثل lang="en"، أو مثل الـ - مثل lang=en-us كلها.
IEFirefoxOperaChromeSafari
دعم جميع المتصفحات الرئيسية [الصفة|=القيمةاختيار.
ملاحظة: [الصفة|=القيمةيجب إعلانDOCTYPE لتشغيله في IE8<!DOCTYPE>
دليل CSS: مصنوع CSS
اختر class الخاص بك بدءًا من top لكل العناصر واجعلها أحمر:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>دليل الأساسيات (oldtoolbag.com)</title>
<style>
[class|=top]
{
الخلفية:أحمر;
لون:أبيض;
}
</style>
</head>
<body>
<h1 class="top-header">مرحبًا</h1>
<p class="top-text">مرحبًا بالعالم!</p>
<p class="content">هل أنت تتعلم CSS؟</p>
</body>
</html>اختبار لمعرفة ‹/›