Compartir a través de


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

Vea también

Conceptos

background-color

background-image

background-repeat

background-attachment

background-position

Colores