epicT epicT - 2 months ago 15
CSS Question

css difference between background: and background-image:

quick simple question
In the following example of an external CSS page;

body {
background-image: url(background.jpg);
}
header {
background: url(background.jpg);
}


I understand they are effecting different element selectors, my question is what is the difference between using background vs background-image? Does one have access to specific attributes to the other? Please and thank you.

Answer

In Background property you can add background color, repeat, no-repeat and image attributes But in background-image property you are only allowed to add image

background-image: url("img_tree.png");
background-repeat: no-repeat;
background-position: right top;
background-attachment: fixed;

and in bacground property you can do in one line all these

background: #ccc url(paper.gif) no-repeat;
Comments