CSS background attribute and cssbackground attribute

CSS background attribute and cssbackground attribute
Examples of CSS Reference Manual

How to Set all background attributes in a declaration:

body  {   background: #00FF00 url(bgimage.gif) no-repeat fixed top;  }

Try it yourself

Browser support

IE	Firefox	Chrome	Safari	Opera
Supported	Supported	Supported	Supported	Supported

All browsers support the background attribute.

Note: IE8 and earlier Browsers Do not support multiple background images of one element.

Note: IE7 and earlier Browsers Do not support "inherit ". IE8 required! DOCTYPE. IE9 supports "inherit ".

Definition and usage

Set all background attributes in a declaration.

You can set the following attributes:

• Background-color
• Background-position
• Background-size
• Background-repeat
• Background-origin
• Background-clip
• Background-attachment
• Background-image

If you do not set a value, there will be no problems, such as background: # ff0000 url('smiley.gif '); is also allowed.

We recommend that you use this attribute instead of a single attribute, because this attribute can be better supported in older browsers and requires fewer letters.

Default Value:	Not specified
Inheritance:	No
Version:	CSS1 + CSS3
JavaScript Syntax:	Object. Style. background = "white url(paper.gif) repeat-y"

Possible Value

Value	Description	CSS
Background-color	Specifies the background color to be used.	1
Background-position	Specifies the location of the background image.	1
Background-size	Specifies the size of the background image.	3
Background-repeat	Specifies how to repeat background images.	1
Background-origin	Specifies the location of the background image.	3
Background-clip	Specifies the plotting area of the background.	3
Background-attachment	Specifies whether the background image is fixed or scrolled along the rest of the page.	1
Background-image	Specifies the background image to be used.	1
Inherit	Specifies that the background attribute settings should be inherited from the parent element.	1

Try it yourself-instance

All background attributes are included in one declaration.

This example shows how to use the abbreviated attribute to set all background attributes in a declaration.

Related Pages

CSS tutorial: CSS background

CSS3 Tutorial: CSS3 background

Html dom reference manual: background attributes