Färger och bakgrunder

Inställning	Alternativ	Exempel
color	Förgrundsfärg (textfärg) En färgkod eller färgnamn	{ color: red }
background	Se förklaringarna för: background-color background-image background-repeat background-attachment background-position	{background:beige url(sphere.jpg) no-repeat top center}
background-color	Ett namn på en färg eller en färgkod (Se färger i HTML)	{ background-color:beige } { background-color:#FF00FF }
background-image	url(bildfilens namn) Observera att man inte bara skriver bildens namn utan måste använda url funktionen	{ background-image:url(boll.jpg) } {background-color:#FF00FF}
background-repeat	repeat   (fyller ut bakgrunden med bilden) no-repeat   (fyller inte ut bakgrunden med bilden) repeat-x   (bilden upprepas horisontellt) repeat-y   (bilden upprepas verticalt)	{ background-repeat: repaat-x }
background-attachment	scroll   (bilden bläddrar med texten) fixed   (bilden bläddrar inte med texten)	{ background-attachment: fixed } Endast för BODY och HTML
background-position	Man kan antingen ange en måttenhet t.ex 12pt för att positionera bilden Om man anger två tal antas dessa vara TOP respektive VÄNSTER koordinater Man kan även ange vertikal justering med:   top   center   bottom Horisontell justering anges med   left   center   right	{ background-position: top center } { background-position: 12pt 10pt }
Man kan använda background attributet direkt. Istället för att skriva: P   {     background-color: beige;     background-image: url(sphere.jpg);     background-attachment: no-repeat;     background-position: top center;   } Kan man skriva P   {     background:beige url(sphere.jpg) no-repeat top center;   }