CSS-свойство opacity определяет прозрачность элемента.
| Значение по умолчанию: | 1 (непрозрачный) |
| Применяется к: | Все элементы |
| Наследование: | Нет |
| Анимирование: | Да. Анимируемые свойства |
| Версия: | Новый в CSS3 |
Синтаксис
Синтаксически свойства задаются по следующему шаблону:
opacity: alphavalue | initial | inheritПримеры написания кода свойства opacity:
img {
opacity: 0.25;
}
p {
opacity: 0.5;
}Значения свойств
В следующей таблице описаны значения этого свойства.
| Значение | Описание |
|---|---|
| alphavalue | Число в диапазоне от 0 (полностью прозрачный) до 1 (полностью непрозрачный). Любое значение, меньшее или большее, ограничивается этим диапазоном. |
initial |
Устанавливает это свойство в значение по умолчанию. |
inherit |
Если указан, связанный элемент принимает вычисленное значение своего родительского элемента opacity. |
Поддержка браузеров
Свойство opacity поддерживается во всех основных браузерах.
Internet Explorer 8 и более ранние версии не поддерживают свойство opacity, а поддерживают альтернативное свойство которое используется только у Microsoft. Синтаксис: filter: Alpha(opacity=50); Подробнее см. Руководство по CSS Opacity.
