Propriedade de opacidade do estilo
Exemplo
Torne um elemento DIV transparente:
document.getElementById("myDIV").style.opacity = "0.5";
Definição e uso
A propriedade opacity define ou retorna o nível de opacidade de um elemento.
O nível de opacidade de um elemento descreve o nível de transparência, onde 1 não é transparente, 0,5 é 50% transparente e 0 é completamente transparente.
Suporte ao navegador
Property | |||||
---|---|---|---|---|---|
opacity | Yes | Yes | Yes | Yes | Yes |
Observação: o IE8 e versões anteriores oferecem suporte a uma alternativa, a propriedade de filtro.
Sintaxe
Retorne a propriedade de opacidade:
object.style.opacity
Defina a propriedade de opacidade:
object.style.opacity = "number|initial|inherit"
Valores de propriedade
Value | Description |
---|---|
number | Specifies the opacity. From 0.0 (fully transparent) to 1.0 (fully opaque) |
initial | Sets this property to its default value. Read about initial |
inherit | Inherits this property from its parent element. Read about inherit |
Detalhes técnicos
Valor padrão: | 1 |
---|---|
Valor de retorno: | Uma String, representando o nível de opacidade de um elemento |
Versão CSS | CSS3 |
Páginas relacionadas
Referência CSS: propriedade opacity
❮ Objeto de estilo