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.

Читайте также

Похожие посты

CSS-свойство clip

Определяет координаты области, которая будет кадрирована, т.е. содержимое за пределом этой области будет отрезано

CSS-свойство bottom

Задает смещение или отступ от нижнего края элемента

Насколько публикация полезна?

Нажмите на звезду, чтобы оценить!

Средняя оценка 5 / 5. Количество оценок: 1

Оценок пока нет. Поставьте оценку первым.