English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

دليل مرجعي CSS

قواعد CSS @

دليل جميع الخاصيات CSS

مختار CSS3 [attribute^=value]

يُمثل العنصر الذي يحتوي على خاصية تحمل الاسم attribute ويبدأ قيمة الخاصية بالقيمة value.

دليل مرجعي كامل للمحسسات CSS

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

إعداد لون الخلفية لجميع عناصر div التي تبدأ بقيمة class "test":

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"> 
<title>دليل الأساسيات (oldtoolbag.com)</title> 
<style> 
div[class^="test"]
{
background:#ff9900;
}
</style>
</head>
<body>
<div class="first_test">العنصر DIV الأول.</div>
<div class="second">العنصر DIV الثاني.</div>
<div class="test">العنصر DIV الثالث.</div>
<p class="test">هذا هو فقرة النص العادي.</p>
</body>
</html>
الاختبار يرى ‹/›

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

التعريف والاستخدام [attribute^=value] المختار يطابق العناصر التي تحتوي على قيمة الخاصية المحددة تبدأ بالقيمة المحددة.

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

IEFirefoxOperaChromeSafari

جميع المتصفحات الشائعة تدعم [attribute^=value] المختار.

ملاحظة: [attribute^=value] في IE8 يجب الإعلان عنها<!DOCTYPE>

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

إعداد لون الخلفية لجميع العناصر التي تبدأ بقيمة class "test":

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"> 
<title>دليل الأساسيات (oldtoolbag.com)</title> 
<style> 
[class^="test"]
{
background:#ff9900;
}
</style>
</head>
<body>
<div class="first_test">العنصر DIV الأول.</div>
<div class="second">العنصر DIV الثاني.</div>
<div class="test">العنصر DIV الثالث.</div>
<p class="test">هذا هو فقرة النص العادي.</p>
</body>
</html>
الاختبار يرى ‹/›

دليل مرجعي كامل للمحسسات CSS