Corrected some typo errors. (#21170)

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

View File

@ -3,7 +3,7 @@ title: 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`
@ -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.
By default, the image repeats itself to cover the entire surface of the element.
```css
  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;
```
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
  background-image: url("GitHub-Mark.png");
@ -50,7 +52,7 @@ You can specify the position of the background by typing :
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
@ -65,7 +67,7 @@ If you do not want the background image to scroll with the rest of the page, use
### Shorthand property
You can pass all the properties into the super-property `background` :
You can pass all the properties in one super-property:
```css
  background: #F00 url("GitHub-Mark.png") no-repeat fixed left bottom;