خصائص الشفافية في CSS

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

يحدد مستوى الشفافية للعنصر.

انظر أيضًا:

دليل تعليمات CSS:شفافية الصورة في CSS

دليل تعليمات CSS:ألوان CSS

دليل مرجع HTML DOM:خاصية الشفافية

مثال

إعداد مستوى الشفافية للعنصر div:

div
{
opacity:0.5;
}

جرب بنفسك

يمكنك العثور على أمثلة إضافية في أسفل الصفحة.

جملة CSS

opacity: القيمة|inherit;

قيمة الخاصية

القيمة الوصف الاختبار
القيمة يحدد الشفافية. من 0.0 (شفاف تمامًا) إلى 1.0 (غير شفاف تمامًا). الاختبار
inherit ينبغي أن يتم انتقال قيمة خاصية الشفافية من العنصر الأم.

تفاصيل التقنية

القيمة الافتراضية: 1
التنسيق: لا
الإصدار: CSS3
جملة JavaScript: object.style.opacity=0.5

مزيد من الأمثلة

تغيير شفافية العنصر
هذا المثال يوضح كيفية استخدام JavaScript لتغيير شفافية العنصر.

دعم المتصفح

الرقم في الجدول يشير إلى إصدار المتصفح الذي يدعم هذه الخاصية بشكل كامل.

Chrome IE / Edge Firefox Safari Opera
4.0 9.0 2.0 3.1 9.0

التعليقات:IE8 و الإصدارات الأقدم تدعم خاصية الفلتر البديلة. على سبيل المثال: filter:Alpha(opacity=50).