أكثر "Try it Yourself" الأمثلة أدناه.
تعريف واستخدام
الخاصية التعتيم يحدد مستوى التعتيم لعنصر.
يصف مستوى التعتيم على مستوى الشفافية، حيث 1 ليس شفافا على الإطلاق، 0.5 50٪ انظر من خلال، و0 شفافة تماما.
| القيمة الافتراضية: | 1 |
|---|---|
| وارث: | no |
| Animatable: | yes, see individual properties . Read about animatable Try it |
| الإصدار: | CSS3 |
| جافا سكريبت بناء الجملة: | object .style.opacity="0.5" Try it |
دعم المتصفح
الأرقام في الجدول تحدد أول نسخة متصفح يدعم بشكل كامل العقار.
| خاصية | |||||
|---|---|---|---|---|---|
| opacity | 4.0 | تسعة | 2.0 | 3.1 | تسعة |
ملاحظة: IE8 والإصدارات السابقة يدعم بديل، الخاصية التصفية. مثل: filter:Alpha(opacity=50) .
CSS بناء الجملة
opacity:number|initial|inherit;قيم الملكية
| القيمة | وصف | العبها |
|---|---|---|
| number | يحدد التعتيم. من 0.0 (fully transparent) إلى 1.0 (fully opaque) | العبها " |
| initial | تحدد هذه الخاصية إلى قيمته الافتراضية. قرأت عن الأولي | العبها " |
| inherit | يرث هذه الخاصية من عنصر الأم. قراءة حول وراثة |
مزيد من الأمثلة
مثال
كيفية استخدام جافا سكريبت لتغيير التعتيم لعنصر:
function myFunction(x) {
// Return the text of the selected option
var opacity = x.options[x.selectedIndex].text;
var el
= document.getElementById("p1");
if (el.style.opacity
!== undefined) {
el.style.opacity = opacity;
} else {
alert("Your browser doesn't support this example!");
}
} انها محاولة لنفسك » صفحات ذات صلة
درس CSS: CSS صورة التعتيم / الشفافية
HTML DOM المرجع opacity property