Atributo Style backgroundClip

Definición y uso

backgroundClip Configurar o devolver la región de dibujo del fondo del atributo.

Vea también:

Estilos HTML:Atributo background

Tutoriales CSS3:Fondo CSS

Tutoriales CSS3:Fondo CSS3

Manual de referencia de CSS:Atributo background-clip

Ejemplo

Especificar la región de dibujo del fondo:

document.getElementById("myDIV").style.backgroundClip = "content-box";

Pruebe usted mismo

Sintaxis

Devolver el atributo backgroundClip:

object.style.backgroundClip

Configurar el atributo backgroundClip:

object.style.backgroundClip = "border-box|padding-box|content-box|initial|inherit"

Valor del atributo

Valor Descripción
border-box Valor predeterminado. El fondo se corta hasta el cuadro de borde (border box).
padding-box El fondo se corta hasta el cuadro de márgenes internos.
content-box El fondo se corta hasta el cuadro de contenido.
initial Establezca este atributo en su valor predeterminado. Consulte initial.
inherit Hereda este atributo de su elemento padre. Consulte inherit.

Detalles técnicos

Valor predeterminado: border-box
Valor de retorno: Cadena que representa el Atributo background-clip.
Versión de CSS: CSS3

Compatibilidad del navegador

backgroundClip es una característica de CSS3 (1999).

Todos los navegadores lo admiten completamente:

Chrome Edge Firefox Safari Opera IE
Chrome Edge Firefox Safari Opera IE
Soporte Soporte Soporte Soporte Soporte 11