css Background Image - Shorthand property

 

As you'll be able to see from the examples on top of, there ar several CSS3 properties to think about once coping with backgrounds.
To shorten the CSS code, it's conjointly potential to specify all the properties in one single property. this can be known as a shorthand property.
The shorthand property for background is just "background":

body {
    background: #ffffff url("img_tree.png") no-repeat right top;
}

When victimization the shorthand CSS property the order of the property values is:

•     background-color
•     background-image
•     background-repeat
•     background-attachment
•     background-position

It doesn't matter if one in every of the  css3 property values is missing, as long because the ones that ar gift ar during this order.

This example uses a lot of advanced CSS. Take a look: Advanced CSS example