УРОКИ CSS CSS3 ПРИМЕРЫ CSS СПРАВОЧНИК CSS

CSS3 Свойство opacity


CSS Справочник Полный CSS Справочник

Пример

Установить уровень прозрачности для элемента div:

div
{
opacity:0.5;
}

Попробуйте сами »
Еще примеры внизу этой страницы.

Поддержка Браузерами

Internet Explorer Firefox Opera Google Chrome Safari

Свойство opacity поддерживается всеми основными браузерами.

Замечание: IE8 и более ранние версии поддерживают альтернативное свойство filter. Например: filter:Alpha(opacity=50).


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

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

Значение по умолчанию: 1
Наследуется: нет
Версия: CSS3
JavaScript синтаксис: объект.style.opacity=0.5


Синтаксис

opacity: значение|inherit;

Значение Описание
значение Указывает прозрачность. От 0.0 (полностью прозрачное - невидимое) до 1.0 (полностью непрозрачное)
inherit Значение свойства opacity должно наследоваться от родительского элемента


Примеры

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

Изменить прозрачность элемента
Этот пример демонстрирует, как использовать JavaScript для изменения прозрачности элемента.


CSS Справочник Полный CSS Справочник




© 2011 - 2022 Уроки CSS