CSS "Cascading Style Sheets" Lessons


CSS ( Cascading Style Sheets ) - Why CSS ? - Introduction - Css Link Properties / Examples - Css List Properties / Examples - Css Layer Properties / Examples - Css TextBox Properties / Examples - Css Font Properties / Examples - Css Text Properties / Examples - Css Cursor Properties / Examples - Css Background Properties / Examples - Css Table Properties / Examples - Css Scroll Bar Properties / Examples - Tools - Units - Parameters - Template Page - Web Design
Return MainPage / Don't Forget Me

CSS BACKGROUND PROPERTIES

background-color : Sets background color.( color-rgb, color-hex, color-name , transparent)
color : Color name (#red).
color-hex : hex number (#FF0000).
color-rgb : rgb value (255,0,0).
transparent : Default. The background color is transparent.
background-image : Sets an image as the background.
background-position : Sets the starting position of a background image. ( left, right, , center, right, bottom, top, x% y%, xpos ypos).
top : Equivalent to '0%' for the vertical position.
right : Equivalent to '100%' for the horizontal position.
bottom : Equivalent to '100%' for the vertical position.
Left : Equivalent to '0%' for the horizontal position.
center : Equivalent to '50%' for the horizontal position if it is not otherwise given, or '50%' for the vertical position if it is.
x% y%: x; horizontal position y; value is the vertical ( 0% 0%.; top left corner - 100% 100%; right bottom corner )
xpos ypos : xpos; horizontal position ? ypos; the vertical position (0 0 ; left )
corner ? 100 100 ; right bottom corner )
background-attachment : Sets whether a background image is fixed or scrolls with the rest of the page.( scroll, fixed)
scroll : Default. The background image moves when the rest of the page scrolls
fixed: The background image does not move when the rest of the page scrolls
background-repeat : Sets if/how a background image will be repeated
Repeat: background image will be repeated.( repeat,repeat-x,repeat-y,no-repeat)
no-repeat: background image is not repeated. Display orginal size.
repeat-y : The image is repeated vertically only.
repeat-x : The image is repeated horizontally only
url : Url address, { background: http://www.css-lessons.ucoz.com/stars.gif }

CSS-Background-Application