Atributo background-clip CSS

Definición y uso

background-clip La propiedad define el área de dibujo del fondo.

Véase también:

Tutorial de CSS:Fondo CSS、Fondo CSS (avanzado)

Manual de referencia del DOM HTML:Propiedad backgroundClip

Ejemplo

Define el área de dibujo del fondo:

div
{
background-color:yellow;
background-clip:content-box;
}

Prueba tú mismo

Sintaxis de CSS

background-clip: border-box|padding-box|content-box;

Valor del atributo

Valor Descripción Pruebas
border-box El fondo se corta hasta el cuadro de borde. Pruebas
padding-box El fondo se corta hasta el cuadro de relleno. Pruebas
content-box El fondo se corta hasta el cuadro de contenido. Pruebas

Detalles técnicos

Valor predeterminado: border-box
Herencia: no
Versión: CSS3
Sintaxis de JavaScript: object.style.backgroundClip="content-box"

Compatibilidad del navegador

La tabla muestra la versión del navegador que admite completamente la propiedad.

Chrome Edge Firefox Safari Opera
Chrome IE / Edge Firefox Safari Opera
4.0 9.0 4.0 3.0 10.5