خصائص الشفافية للنمط

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

opacity يُستخدم هذا الخصائص لإعداد أو إرجاع مستوى الشفافية للعنصر.

يصف مستوى الشفافية (opacity-level) للعنصر، حيث 1 غير شفاف تمامًا،0.5 يعني شفافية 50%،0 يعني الشفافية الكاملة.

يُرجى الرجوع أيضًا إلى:

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

مثال

جعل عنصر DIV شفاف:

document.getElementById("myDIV").style.opacity = "0.5";

جرب بنفسك

النحو

إرجاع خصائص الشفافية:

object.style.opacity

إعداد خصائص الشفافية:

object.style.opacity = "number|initial|inherit"

قيمة الخصائص

القيمة وصف
number يحدد الشفافية. من 0.0 (شفاف تمامًا) إلى 1.0 (غير شفاف تمامًا).
initial إعداد هذا الخصائص إلى قيمته الافتراضية. يرجى الرجوع إلى initial。
inherit ينقل هذا الخصائص من عنصر الأب. يرجى الرجوع إلى inherit。

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

القيمة الافتراضية: 1
القيمة المقدمة: السلسلة، تمثل مستوى شفافية العنصر.
إصدار CSS: CSS3

دعم المتصفحات

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
الدعم الدعم الدعم الدعم الدعم