Scribd
Upload
49 views1 page

Css Background Properties

The document discusses CSS background properties including: - background-color to set the background color using color names, hex codes, RGB values or transparent - background-image to set an image as the background - background-position to control the positioning of the background image using keywords like top, center, bottom or percentages - background-attachment to control whether the background image is fixed or scrolls with the page

Uploaded by

Tim Forster
Copyright
© Attribution Non-Commercial (BY-NC)
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
49 views1 page

Css Background Properties

The document discusses CSS background properties including: - background-color to set the background color using color names, hex codes, RGB values or transparent - background-image to set an image as the background - background-position to control the positioning of the background image using keywords like top, center, bottom or percentages - background-attachment to control whether the background image is fixed or scrolls with the page

Uploaded by

Tim Forster
Copyright
© Attribution Non-Commercial (BY-NC)
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 1

Css Background Properties

http://css-lessons.ucoz.com/css-background-properties.htm

CSS "Cascading Style Sheets" Lessons

CSS ( Cascading Style Sheets ) - Why CSS ? - Introduction - Css Link Properties / Examples - Css List Properties / Examples - Css Layer Properties / Example

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

1 of 1

21/09/2010 12:06

You might also like