ویژگی opacity CSS
- صفحه قبل offset-rotate
- صفحه بعدی order
تعریف و استفاده
ویژگی opacity سطح شفافیت عنصر را تنظیم می‌کند.
لطفاً به: مراجعه کنید
آموزش CSS:شفافیت تصویر CSS
آموزش CSS:رنگ CSS
دستورالعمل HTML DOM:ویژگی opacity
مثال
سطح شفافیت عنصر div را تنظیم کنید:
div
{
opacity:0.5;
}
مثال‌های بیشتر را در پایین صفحه پیدا کنید.
نوعنوان CSS
opacity: مقدار|inherit;
مقدار ویژگی
| مقدار | توضیحات | آزمایش |
|---|---|---|
| مقدار | مقدار شفافیت را مشخص می‌کند. از 0.0 (کاملاً شفاف) تا 1.0 (کاملاً غیرشفاف). | آزمایش |
| inherit | باید مقدار شفافیت از عنصر پدر به عنصر فرزند منتقل شود. |
جزئیات فنی
| مقدار پیش‌فرض: | 1 |
|---|---|
| erbettbarkeit: | no |
| نسخه: | 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 پشتیبانی می‌کنند. به عنوان مثال: filter:Alpha(opacity=50);
- صفحه قبل offset-rotate
- صفحه بعدی order
