English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
خصائص opacity في CSS تحدد شفافية العنصر.
جدول أدناه يوضح تعليمات استخدام هذه الخاصية وتاريخ الإصدارات، بالإضافة إلى استخدام الخاصية في سكربتات JavaScript.
| القيمة الافتراضية: | 1 (غير شفاف) |
|---|---|
| تطبيقها على: | جميع العناصر |
| الوراثة: | لا |
| يمكن تحريكه: | نعم.يرجى الرجوع إلى خصائص التحريك。 |
| الإصدار: | ميزات CSS3 الجديدة |
| قواعد النحو في JavaScript: | object.style.opacity=0.5 |
قواعد النحو لهذه الخاصية هي:
opacity: alphavalue | initial | inherit
في المثال أدناه، يتم عرض كيفية استخدام خاصية opacity.
img {
opacity: 0.25;
}
p {
opacity: 0.5;
}اختبار ل‹/›جدول أدناه يصف قيم هذه الخاصية.
| القيمة | وصف |
|---|---|
| alphavalue | رقم من 0 (شفاف تمامًا) إلى 1 (غير شفاف تمامًا). أي قيمة أصغر أو أكبر ستكون محدودة في هذا النطاق. |
| initial | إعداد هذه الخاصية إلى قيمتها الافتراضية. |
| inherit | إذا تم تحديد هذا، فإن العنصر المرتبط يستخدم نفس قيمة opacity الخاصة بالعنصر الأم. |
تطابق متصفحات opacity الخاصية للخصائص، الأرقام في الجدول التالي تمثل أحدث إصدار من المتصفح الذي يدعم الخاصية؛ جميع المتصفحات الرئيسية يدعمون الخاصية.
|
ملاحظة: Internet Explorer 8 وكل الإصدارات السابقة لا تدعم opacity، بل يدعم بديلاً عنها، فقط Microsoft filterالمفضلة: filter: Alpha(opacity=50); معرفة المزيد عنخصائص الشفافية في CSSالمزيد من المعلومات
يرجى الرجوع إلى الدروس المتعلقة بالمواضيع التالية:شفافية CSS،قيم الألوان في CSS。