gaspersic/freeCodeCamp
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Corrected some typo errors. (#21170)

Browse Source 
Corrected some typo errors in the document.
This commit is contained in:
Amoo Olusola Simeon
2018-12-01 08:21:00 +01:00
committed by Randell Dawson
parent 6acab2bb38
commit f1311cd80a
1 changed files with 6 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
guide/english/css/css3-backgrounds/index.md
View File

@ -3,7 +3,7 @@ title: CSS3 Backgrounds
--- ---
## CSS3 Backgrounds ## CSS3 Backgrounds
The CSS `background` shorthand property is used to define multiples properties like : The CSS `background` shorthand property is used to define multiple properties like :
`background-color`, `background-image`, `background-repeat`, `background-attachment` and `background-position` `background-color`, `background-image`, `background-repeat`, `background-attachment` and `background-position`
@ -19,6 +19,8 @@ The `background-color` property specifies the background color of an element.
The `background-image` property specifies an image to use as background of an element. The `background-image` property specifies an image to use as background of an element.
By default, the image repeats itself to cover the entire surface of the element.
```css ```css
  background-image: url("GitHub-Mark.png");   background-image: url("GitHub-Mark.png");
``` ```
@ -33,7 +35,7 @@ If you want to set an axis, like X axis, use `background-repeat` property type:
background-repeat: repeat-x; background-repeat: repeat-x;
``` ```
If you do not want the image to reapeat, specify by using `no-repeat`. But sometimes you don't want to have your background image cover the whole surface, so you've to specify it by typing:
```css ```css
  background-image: url("GitHub-Mark.png");   background-image: url("GitHub-Mark.png");
@ -50,7 +52,7 @@ You can specify the position of the background by typing :
background-position : left bottom; background-position : left bottom;
``` ```
It will set you background at the bottom left of the element. It will set your background image at the bottom left of the element.
### Background Image - Fixed Position ### Background Image - Fixed Position
@ -65,7 +67,7 @@ If you do not want the background image to scroll with the rest of the page, use
### Shorthand property ### Shorthand property
You can pass all the properties into the super-property `background` : You can pass all the properties in one super-property:
```css ```css
  background: #F00 url("GitHub-Mark.png") no-repeat fixed left bottom;   background: #F00 url("GitHub-Mark.png") no-repeat fixed left bottom;