background
Establece o recupera hasta cinco propiedades de fondo del objeto independientes.
Sintaxis
{ background: sBackground }
Valores posibles
sBackground
Cadena que especifica o recibe hasta cinco de los siguientes valores delimitados por espacios, en cualquier orden:
attachment |
Cualquiera de los valores de datos adjuntos disponibles en la propiedad background-attachment. |
color |
Cualquiera de los valores de color disponibles en la propiedad background-color. |
imagen |
Cualquiera de los valores de imagen disponibles en la propiedad background-image. |
position |
Cualquiera de los valores de posición disponibles en la propiedad background-position. |
repeat |
Cualquiera de los valores de repetición disponibles en la propiedad background-repeat. |
Esta propiedad tiene el valor predeterminado transparent none repeat scroll 0% 0% y no se hereda.
Observaciones
La propiedad background es una propiedad abreviada que combina las propiedades de fondo individuales en una sola propiedad.
Las propiedades de fondo individuales no configuradas por la propiedad background abreviada se establecen en los valores predeterminados. Por ejemplo, el valor predeterminado de image es none. Establecer background: white equivale a establecer background: white none repeat scroll 0% 0%. Por tanto, además de establecer el color de fondo a blanco, si se establece background: white se borran los valores de image, repeat, attachment o position que previamente se hubieran establecido.
Las propiedades de fondo se representan el el contenido y el espaciado interno del objeto; sin embargo, los bordes se establecen con las propiedades border.
Aunque los objetos no heredan la propiedad background, si no se especifica un fondo, la imagen o el color de fondo del elemento primario de un objeto aparece delante del objeto.
Ejemplos
En el siguiente ejemplo se usa la propiedad background para establecer los valores del fondo. Se utilizan controladores de eventos en línea para modificar los atributos background-color y background-position de una imagen. Estas propiedades se especifican en una hoja de estilo incrustada mediante la propiedad background:
<style>
.style1{ background: beige url(sphere.jpg) no-repeat top center; }
.style2{ background: ivory url(sphere.jpeg) no-repeat bottom right; }
</style>
</head>
<body>
<span onmouseover="this.className='style1'"
onmouseout="this.className='style2'">
. . .
</span>
Información sobre estándares
Esta propiedad se define en World Wide Web Consortium (W3C) Document Object Model (DOM) Level 1 (Document Object Model (DOM) nivel 1 del World Wide Web Consortium (W3C)) y en Cascading Style Sheets (CSS), Level 1 (CSS1) (Hojas de estilos en cascada (CSS), nivel 1 (CSS1)).
Aplicable a
A, ADDRESS, B, BIG, BLOCKQUOTE, BODY, BUTTON, CAPTION, CENTER, CITE, CODE, COL, COLGROUP, CUSTOM, DD, DEFAULTS, DFN, DIR, DIV, DL, DT, EM, FIELDSET, FORM, HN, HTML, I, IMG, INPUT TYPE=BUTTON, INPUT TYPE=CHECKBOX, INPUT TYPE=FILE, INPUT TYPE=IMAGE, INPUT TYPE=PASSWORD, INPUT TYPE=RADIO, INPUT TYPE=RESET, INPUT TYPE=SUBMIT, INPUT TYPE=TEXT, ISINDEX, KBD, LABEL, LEGEND, LI, LISTING, MENU, NOBR, OL, P, PLAINTEXT, PRE, S, SAMP, SMALL, SPAN, STRIKE, STRONG, SUB, SUP, TABLE, TBODY, TD, TEXTAREA, TFOOT, TH, THEAD, TR, TT, T, UL, VAR, XMP