Agrupando todos los comportamientos de imagen y colores de fondo

Por último, CSS define una propiedad de tipo "atajo" para indicar todas las propiedades de los colores e imágenes de fondo de forma directa. La propiedad se denomina background.

El orden en el que se indican las propiedades es indiferente, aunque en general se sigue el formato indicando el color, url de imagen, repetición y posición.

El siguiente ejemplo muestra la propiedad background:

/* Color e imagen de fondo de la página mediante una propiedad shorthand (o atajo) */ body { background: #222d2d url(./graphics/colorstrip.gif) repeat-x 0 0; }
/* La propiedad shorthand anterior es equivalente a las siguientes propiedades*/ body { background-color: #222d2d; background-image: url("./graphics/colorstrip.gif"); background-repeat: repeat-x; background-position: 0 0; }

La propiedad background permite asignar todos o sólo algunos de todos los valores posibles que se pueden definir para los fondos de los elementos:

background: url("./graphics/wide/bg-content-secondary.gif") repeat-y; background: url("./graphics/wide/footer-content-secondary.gif") no-repeat bottom left; background: transparent url("./graphics/navigation.gif") no-repeat 0 -27px;
background: none;
background: #293838 url("./graphics/icons/icon-permalink-big.gif") no-repeat center left;

REFERENCIA

CSS

SELECTORES

COLORES

BOX MODEL

FONDOS

POSICIONAMIENTO

VISUALIZACIÓN

TIPOGRAFÍA

TEXTO

ENLACES

IMÁGENES

LISTAS

TABLAS

FORMULARIOS

LAYOUT

Ejercicios

ANEXO