Propiedad opacity de estilo

Definición y uso

opacity Establece o devuelve el nivel de opacidad del elemento.

El nivel de opacidad del elemento (opacity-level) describe el nivel de transparencia en el que 1 completamente opaco,0.5 Representa 50% de transparencia,0 Representa completamente transparente.

Vea también:

Manual de referencia de CSS:Propiedad opacity

Ejemplo

Hacer que el elemento DIV sea transparente:

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

Intente usted mismo

Sintaxis

Devolver la propiedad opacity:

object.style.opacity

Establecer la propiedad opacity:

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

Valor del atributo

Valor Descripción
number Define la opacidad. Desde 0.0 (completamente transparente) hasta 1.0 (completamente opaco).
initial Establecer este atributo en su valor predeterminado. Consulte initial
inherit Este atributo se hereda del elemento padre. Consulte inherit

Detalles técnicos

Valor predeterminado: 1
Valor devuelto: Cadena que representa el nivel de opacidad del elemento.
Versión de CSS: CSS3

Compatibilidad con navegadores

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Soporte Soporte Soporte Soporte Soporte