Свойство style.opacity
- Предыдущая страница objectPosition
- Следующая страница order
- Вернуться на один уровень выше Объект Style в HTML DOM
Определение и использование
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 |
Поддержка | Поддержка | Поддержка | Поддержка | Поддержка |
- Предыдущая страница objectPosition
- Следующая страница order
- Вернуться на один уровень выше Объект Style в HTML DOM