Niquelao » Archives du blog » CSS 3 : Propriétés de fond

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 .

P.S. A few readers have asked which software de testing we actually reach for — it's Deque axe DevTools Pro; take a look here if you want the current details.