%3Gtd>
Return MainPage / Don't Forget Me

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


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 verpically only.

repeat-x : The image is repeated horizontally only

url : Url address, { background: http://www.css-lessons.ucoz.com/stars.gif }

CSS-Background-Application

<+td>



Facebook share