HTML 
CSS 
PHP 
JavaScript 
SQL 
Bootstrap 
Solidity 
jQuery 
Git 
Chrome DevTools 
C++ 
Python Contents
The CSS background property explained
By using the CSS background property, you can modify the background of any element:
Example
body {
background: lightblue url("pom-laptop.png") repeat fixed right;
}It is actually a CSS background shorthand for eight separate subproperties:
- background-image
- background-position
background-sizebackground-repeatbackground-attachment- background-origin
- background-clip
- background-color
Syntax for the CSS background property
As we are using the CSS background shorthand here, you don't need to list the names of subproperties – only the values themselves:
background: image position / size repeat attachment origin clip color;
You do not need to define all the values. However, position and size do need to come in a pair, separated by a slash. It is also recommended to follow the order displayed in the syntax example.
You can see all the values for the CSS background property defined in the table below.
Pros Main Features
- Easy to use with a learn-by-doing approach
- Offers quality content
- Gamified in-browser coding experience
- The price matches the quality
- Suitable for learners ranging from beginner to advanced
- Free certificates of completion
- Focused on data science skills
- Flexible learning timetable
Pros Main Features
- Simplistic design (no unnecessary information)
- High-quality courses (even the free ones)
- Variety of features
- Nanodegree programs
- Suitable for enterprises
- Paid Certificates of completion
Pros Main Features
- A wide range of learning programs
- University-level courses
- Easy to navigate
- Verified certificates
- Free learning track available
- University-level courses
- Suitable for enterprises
- Verified certificates of completion
Property Values
| Value | Description | Default |
|---|---|---|
| image | Specifies an image for the CSS background | none |
| position | Specifies the position for the CSS background image | 0% 0% |
| size | Specifies the size for the CSS background image | auto auto |
| repeat | Makes the CSS background repeat or not repeat across the page | repeat |
| attachment | Specifies if the CSS background image will be fixed or scrollable | scroll |
| origin | Specifies the positioning area for the CSS background image | padding-box |
| clip | Specifies the painting area for the CSS background image | border-box |
| color | Specifies the color of the CSS background | transparent |
Browser support
Chrome
1+
Edge
12+
Firefox
1+
IE
4+
Opera
3.5+
Safari
1+
Mobile browser support
Chrome
18+
Firefox
4+
Opera
10.1+
Safari
1+
