The guide to create your Web site on Internet

color

This property describes the foreground color of an element's text content.

Property

Value:	color \| inherit color : is either a keyword or a numerical RGB specification
Initial:	depends on user agent
Applies to:	all elements
Inherited:	yes
Percentages:	N/A
Media:	visual
Computed value:	as specified

Examples

color: red
color: #F00
color: #FF0000
color: rgb(255,0,0)
color: rgb(100%, 0%, 0%)

Example text

background-color

This property sets the background color of an element, either a value or the keyword 'transparent'

Property

Value:	color \| transparent \| inherit
Initial:	transparent
Applies to:	all elements
Inherited:	no
Percentages:	N/A
Media:	visual
Computed value:	as specified

Examples

background-color: green

Example text

background-image

Property This property sets the background image of an element. When setting a background image, authors should also specify a background color that will be used when the image is unavailable. When the image is available, it is rendered on top of the background color. (Thus, the color is visible in the transparent parts of the image).

Value:	uri \| none \| inherit
Initial:	none
Applies to:	all elements
Inherited:	no
Percentages:	N/A
Media:	visual
Computed value:	absolute URI

background-repeat

If a background image is specified, this property specifies whether the image is repeated (tiled), and how. All tiling covers the content, padding and border areas of a box.

Property

Value:	repeat \| repeat-x \| repeat-y \| no-repeat \| inherit repeat : The image is repeated both horizontally and vertically. repeat-x : The image is repeated horizontally only. repeat-y : The image is repeated vertically only. no-repeat : The image is not repeated: only one copy of the image is drawn.
Initial:	repeat
Applies to:	all elements
Inherited:	no
Percentages:	N/A
Media:	visual
Computed value:	as specified

background-attachment

Property If a background image is specified, this property specifies whether it is fixed with regard to the viewport ('fixed') or scrolls along with the containing block ('scroll').

Value:	scroll \| fixed \| inherit
Initial:	scroll
Applies to:	all elements
Inherited:	no
Percentages:	N/A
Media:	visual
Computed value:	as specified

Value: Initial: Applies to: Inherited: Percentages: Media: Computed value:

background-position

If a background image has been specified, this property specifies its initial position.

Property

Value:	[ [ percentage \| length \| left \| center \| right ] [ percentage \| length \| top \| center \| bottom ]? ] \| [ [ left \| center \| right ] \|\| [ top \| center \| bottom ] ] \| inherit
Initial:	0% 0%
Applies to:	all elements
Inherited:	no
Percentages:	refer to the size of the box itself
Media:	visual
Computed value:	for 'length' the absolute value, otherwise a percentage

background

The 'background' property is a shorthand property for setting the individual background properties (i.e., 'background-color', 'background-image', 'background-repeat', 'background-attachment' and 'background-position') at the same place in the style sheet.

Property

Value:	['background-color' \|\| 'background-image' \|\| 'background-repeat' \|\| 'background-attachment' \|\| 'background-position'] \| inherit
Initial:	see individual properties
Applies to:	all elements
Inherited:	no
Percentages:	allowed on 'background-position'
Media:	visual
Computed value:	see individual properties

For complete reference see CSS Style reference at W3C
40..1 40..2 40..3 41..1 42..1 42..2 43..1 44..1 45..1 46..1 47..1 48..1 48..2 49..1
4A..1 4B..1 4C..1 4D..1 4E..1 4G..1 4J..1 4L..1 4M..1 4N..1 4N..2 4P..1 4R..1 4S..1
4T..1 4X..1