Propiedad opacity de estilo
- Página anterior objectPosition
- Página siguiente order
- Volver a la capa superior Objeto Style de HTML DOM
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";
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 |
- Página anterior objectPosition
- Página siguiente order
- Volver a la capa superior Objeto Style de HTML DOM