Question

I have seen:

background: url("images/tabs.gif") repeat scroll 100% 0 transparent;
background: url("images/tabs.gif") repeat scroll 0 0 #BBDDFF;

And I dont get what all the values after the bracket are meant to represent. Is there a doucment that will tell me?

The only stuff I could find online was referring to individual background props..

Answer 1

Here is a breakdown of them, for your usage:

//First Background

url("images/tags.gif"): background-image (the actual background image)
repeat                : background-repeat (determines if the background repeats)
scroll                : background-attachment (states if it is fixed or scrolls)
100%                  : background-position (top)
0                     : background-position (left)
transparent           : background-color 

likewise:

//Second Background

url("images/tabs.gif") : background-image
repeat                 : background-repeat
scroll                 : background-attachment
0                      : background-position (top)
0                      : background-position (left)
#BBDDFF;               : background-color

For more information or documentation, check through some of the other links found in this question. Below is a link specifically going through the background-related properties:

W3 | CSS (Background-Specific)