Propiedad de opacidad de estilo
Ejemplo
Hacer un elemento DIV transparente:
document.getElementById("myDIV").style.opacity = "0.5";
Definición y uso
La propiedad de opacidad establece o devuelve el nivel de opacidad de un elemento.
El nivel de opacidad de un elemento describe el nivel de transparencia, donde 1 no es transparente en absoluto, 0,5 es 50 % transparente y 0 es completamente transparente.
Compatibilidad con navegador
Property | |||||
---|---|---|---|---|---|
opacity | Yes | Yes | Yes | Yes | Yes |
Nota: IE8 y versiones anteriores admiten una alternativa, la propiedad de filtro.
Sintaxis
Devuelve la propiedad de opacidad:
object.style.opacity
Establezca la propiedad de opacidad:
object.style.opacity = "number|initial|inherit"
Valores de propiedad
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 |
Detalles técnicos
Valor por defecto: | 1 |
---|---|
Valor devuelto: | Una cadena, que representa el nivel de opacidad de un elemento. |
Versión CSS | CSS3 |
páginas relacionadas
Referencia CSS: propiedad de opacidad
❮ Objeto de estilo