# Свойство opacity

Свойство `opacity` задает полупрозрачность элементу. Если у элемента задана полупрозрачность - это значит, что через него будут просвечивать те элементы, которые лежат под ним.

Свойство принимает своим значением дробное число от `0` до `1`. При этом значение `0` - это полная прозрачность, а значение `1` - полная непрозрачность. Промежуточное значение, например `0.3`, задает полупрозрачность. Значение по умолчанию: `1`.

## Синтаксис

`селектор { opacity: число от 0 до 1; }`

## Пример

В данном примере блоку добавлена полупрозрачность и через границу и текст этого блока просвечивает фон родителя:

`<div id="parent"> <div id="elem"> Lorem ipsum dolor sit amet. </div> </div>` `#parent { background-image: url("bg.png"); background-repeat: no-repeat; background-size: cover; display: inline-block; padding: 30px; } #elem { width: 300px; height: 200px; border: 20px solid red; padding: 10px; font-size: 50px; font-weight: bold; color: red; background: black; opacity: 0.7; }`

:

← →
↑
en ru