English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
Fondo de CSS-La propiedad clip especifica el fondo (color o imagen) del elemento, y si se extiende debajo de sus límites.
La tabla a continuación resume el contexto de uso y el historial de versiones de esta propiedad.
| Valor predeterminado: | bordes-caja |
|---|---|
| Aplique a: | todos los elementos. También se aplica a::first-letray::first-línea. |
| Herencia: | No |
| Animable: | No.Ver: Atributos de animación. |
| Versión: | CSS3nueva característica |
| JavaScript Syntax: | object object.style.backgroundClip="contenido-caja" |
La sintaxis de este atributo es la siguiente:
fondo-clip: borde-caja | relleno-caja | contenido-caja | inicial | heredar
A continuación se muestra cómo usar fondo-Atributo clip
.box {
ancho: 250px;
altura: 150px;
relleno: 10px;
bordes: 6px línea punteada #333;
fondo: naranja;
fondo-clip: contenido-caja;
}Ver prueba‹/›La tabla a continuación describe los valores de esta propiedad.
| Valor | Descripción |
|---|---|
| bordes-caja | Especificar que el fondo se extienda más allá de los bordes exteriores del borde. Se dibuja el fondo debajo del borde. Este es el valor predeterminado. |
| relleno-caja | Especificar que el fondo se extienda más allá de los bordes exteriores del relleno. No se dibuja el fondo debajo del borde. |
| contenido-caja | Especificar que el fondo se dibuje solo dentro del cuadro de contenido (recortado). No se dibuja el fondo debajo del borde y la área de relleno. |
| initial | Establecer este atributo en su valor predeterminado. |
| inherit | Si se especifica, el elemento asociado utiliza el fondo del elemento padre.-El valor calculado del atributo clip. |
fondo-La compatibilidad del atributo clip del navegador, todos los navegadores principales admiten esta propiedad.
|
Consulte los siguientes tutoriales:CSS3Fondo,CSS3Fondo.
Propiedades relacionadas:fondo,fondo-attachment,fondo-color,fondo-imagen,fondo-origen,fondo-posición,fondo-repetir,fondo-tamaño.