English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
Fondo de CSS-El atributo origin especifica la región de ubicación del fondo, es decir, se utilizafondo-imagenLa ubicación del punto de origen del atributo especificado.
La siguiente tabla resume el contexto de uso y el historial de versiones de este atributo.
| Valor predeterminado: | relleno-caja |
|---|---|
| Aplicable a: | Para todos los elementos. También es aplicable a::first-letterY::first-line. |
| Herencia: | No |
| Producción animada: | No.Ver Atributos de animación. |
| Versión: | CSS3nueva característica |
| JavaScript Sintaxis: | object object.style.backgroundOrigin="contenido-caja" |
La sintaxis de este atributo es la siguiente:
fondo-origin: borde-caja | relleno-caja | contenido-caja | initial | inherit
El siguiente ejemplo muestra cómo usar fondo-Atributo origin.
.box {
ancho: 250px;
altura: 150px;
relleno: 10px;
bordes: 6px línea punteada #333;
fondo: url("images/sky.jpg) sin-repetición;
fondo-tamaño: contener;
fondo-origin: contenido-caja;
}Prueba y mira‹/›Nota:Este fondo-origin si se omite el valor del atributofondo-adhesiónEl atributo se especifica como fixed.
La tabla a continuación describe los valores de este atributo.
| 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. |
| 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. Este es el valor predeterminado. |
| contenido-caja | Especificar que el fondo se dibuje solo dentro de la caja de contenido (recortada). No se dibuja el fondo debajo del borde y la región 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 origin. |
fondo-La compatibilidad del navegador del atributo origin, todos los navegadores principales admiten esta propiedad.
|
Por favor, consulte los siguientes tutoriales:CSS3Fondo,CSS3Fondo.
Propiedades relacionadas:fondo,fondo-adhesión,fondo-color,fondo-imagen,fondo-corte,fondo-posición,fondo-repetición,fondo-tamaño.