Непрозрачность: opacity

opacity

Поддержка браузерами
Настольные браузеры Chrome Firefox Internet Explorer Opera Safari
Базовая поддержка, версии браузеров 1.0 1.0 9.0 9.0 1.2
Мобильные браузеры Android Firefox Mobile IE Phone Opera Mobile Safari Mobile
Базовая поддержка, версии браузеров 1.0 1.0 9.0 9.0 3.2
Свойство
opacity — это свойство задает непрозрачность, оно влияет не только на непрозрачность текста, но и на непрозрачность фона
Наследование
Не наследуется. Это значит что стили применённые к родительскому элементу не передадутся потомкам
Применяется
Ко всем элементам, это значит что применяется и к блочным, и к встроенным, и к табличным и т.д.
Может принимать значения

Число в пределах от 0 до 1 | inherit

0 — это полная прозрачность, 1 — это полная непрозрачность

Значение по умолчанию
1
Правила записи
свойство: значение;
Примеры
opacity: 0; Этот текст имеет значение opacity 0
opacity: 0.1; Этот текст имеет значение opacity 0.1
opacity: 0.2; Этот текст имеет значение opacity 0.2
opacity: 0.3; Этот текст имеет значение opacity 0.3
opacity: 0.4; Этот текст имеет значение opacity 0.4
opacity: 0.5; Этот текст имеет значение opacity 0.5
opacity: 0.6; Этот текст имеет значение opacity 0.6
opacity: 0.7; Этот текст имеет значение opacity 0.7
opacity: 0.8; Этот текст имеет значение opacity 0.8
opacity: 0.9; Этот текст имеет значение opacity 0.9
opacity: 1; Этот текст имеет значение opacity 1
opacity: inherit; Это значит что свойство наследует значение от родителя
Поделиться