Varias de ellas coinciden con las que habitualmente empleamos en nuestras hojas de estilo, con lo que no nos deberían resultar extrañas. El resto son nuevas propiedades que vienen a subsanar las carencias que los profesionales en CSS habían identificado. A partir de ello he preparado la siguiente tabla: Propiedad valor/es por defecto % background-attachment [scroll | fixed | local] [ , [scroll | fixed | local] ]* scroll - background-clip [border-box | padding-box] [ , [border-box | padding-box] ]* border-box - background-color transparent - background-image [![]()
| none] [ , [![]()
| none] ]* none - background-origin [border-box | padding-box | content-box] [ , [border-box | padding-box | content-box] ]* padding-box - background-position [ [ [ | | left | center | right ] ] [ [ | | top | center | bottom ] ]? | [ center | [ left | right ] [ | ]? ] || [ center | [ top | bottom ] [ | ]? ] ]* 0% 0% si background-repeat [repeat-x | repeat-y | [repeat | space | round | no-repeat] ] [ , repeat-x | repeat-y | [repeat | space | round | no-repeat] ]* repeat - background-size [ [ | | auto ]{1,2} | cover | contain ] [ , [ | | auto ]{1,2} | cover | contain ]* auto si …y por supuesto, la forma shorthand : background: [ || || / || || || , ]* || || / || || || || <’background-color’> Algunas de las propiedades comienzan a tener soporte en las versiones más actuales de los navegadores (como ya mencioné en la entrada titulada Multiples imágenes de fondo con CSS 3 ), incluyéndose en algunos casos de forma experimental (por ejemplo en Firefox mediante el prefijo -moz ). nota: Os recuerdo que ninguna de las propiedades se hereda. En breve, para dejar niquelao el tema y comprender claramente lo que podemos llegar a conseguir modificando las propiedades de fondo, explicaré en detalle lo que hace cada una de ellas. CSS 3: Propiedades de fondo Categoría: CSS —> Puedes hacer un seguimiento de los comentarios gracias al feed RSS 2.0 . También puedes enviar un trackback desde tu sitio. Artículo anterior: Multiples imágenes de fondo con CSS 3 Artículo siguiente: Si utilizas Safari o Chrome… —> —> —> Esta obra está bajo una licencia de Creative Commons .