Ejemplo
Especificar el área de la pintura del fondo:
document.getElementById("myDIV").style.backgroundClip = "content-box"; Inténtalo tú mismo " Definición y Uso
Los conjuntos de propiedades backgroundClip o devuelve el área de la pintura del fondo.
Soporte del navegador
Los números de la tabla especifican la primera versión del navegador que es totalmente compatible con la propiedad.
| Propiedad | |||||
|---|---|---|---|---|---|
| backgroundClip | 4.0 | 9.0 | 4.0 | 3.0 | 10.5 |
Sintaxis
Devolver la propiedad backgroundClip:
object .style.backgroundClip
Establecer la propiedad backgroundClip:
object .style.backgroundClip="border-box|padding-box|content-box|initial|inherit"
Valores de propiedad
| Valor | Descripción |
|---|---|
| border-box | Valor por defecto. El fondo se recorta a la caja de la frontera |
| padding-box | El fondo se recorta a la caja de relleno |
| content-box | El fondo se recorta a la caja de contenido |
| initial | Establece esta propiedad a su valor por defecto. Lea acerca inicial |
| inherit | Hereda esta propiedad de su elemento padre. Lea acerca de heredar |
Detalles técnicos
| Valor por defecto: | frontera-box |
|---|---|
| Valor de retorno: | Una cadena, que representa la propiedad background-clip de un elemento |
| Versión CSS | CSS3 |
Páginas relacionadas
Referencia CSS: background-clip property
<Estilo de objeto