Propriedade de estilo opacity

Definição e uso

opacity A propriedade define ou retorna o nível de opacidade do elemento.

O nível de opacidade do elemento (opacity-level) descreve o nível de transparência, onde 1 completamente opaco,0.5 Representa 50% de transparência,0 Representa completamente transparente.

Veja também:

Manual de CSS:Propriedade opacity

Exemplo

Faça o elemento DIV transparente:

document.getElementById("myDIV").style.opacity = "0.5";

Experimente você mesmo

Sintaxe

Retorne a propriedade opacity:

object.style.opacity

Defina a propriedade opacity:

object.style.opacity = "number|initial|inherit"

Valor da propriedade

Valor Descrição
number Define a opacidade. De 0.0 (completamente transparente) a 1.0 (completamente opaco).
initial Defina essa propriedade como seu valor padrão. Veja também initial.
inherit Herda essa propriedade do elemento pai. Veja também inherit.

Detalhes técnicos

Valor padrão: 1
Retorno: String que representa o nível de opacidade do elemento.
Versão do CSS: CSS3

Suporte ao navegador

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Suporte Suporte Suporte Suporte Suporte