Свойство style.opacity

Определение и использование

opacity Свойство устанавливает или возвращает уровень непрозрачности элемента.

Уровень непрозрачности элемента (opacity-level) описывает уровень прозрачности, где 1 абсолютно непрозрачный,0.5 50% прозрачности,0 Полнопрозрачный.

Дополнительная информация:

Руководство по CSSСвойство opacity

Пример

Сделать элемент DIV прозрачным:

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

Попробуйте сами

Грамматика

Возвратить свойство opacity:

object.style.opacity

Установить свойство 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
Поддержка Поддержка Поддержка Поддержка Поддержка