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

grammar changes/fixed redundant descriptions (#20976)

Browse Source
This commit is contained in:
Kyle Jackson
2018-11-04 16:41:19 -06:00
committed by Huyen Nguyen
parent 96cc282c8e
commit a55966c3dc
1 changed files with 6 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@ -18,7 +18,6 @@ The `background-color` property specifies the background color of an element.
### Background Image
The `background-image` property specifies an image to use as background of an element.
By default, the image repeat itself to covers the entire surface of the element.
```css
  background-image: url("GitHub-Mark.png");
@ -26,7 +25,7 @@ By default, the image repeat itself to covers the entire surface of the element.
### Background Image - Repetition
By default, the `background-image` property repeats on the X and Y axis.
By default, the `background-image` property repeats on the X and Y axis, to cover the area of its container.
If you want to set an axis, like X axis, use `background-repeat` property type:
```css
@ -34,7 +33,7 @@ If you want to set an axis, like X axis, use `background-repeat` property type:
background-repeat: repeat-x;
```
But sometimes you don't want to have your background on all the surface, you've to specify it by typing:
If you do not want the image to reapeat, specify by using `no-repeat`.
```css
  background-image: url("GitHub-Mark.png");
@ -55,7 +54,7 @@ It will set you background at the bottom left of the element.
### Background Image - Fixed Position
If you want to have a background image which will not scroll with the rest of the page, you can use `background-attachement` property:
If you do not want the background image to scroll with the rest of the page, use the `background-attachement` property:
```css
  background-image: url("GitHub-Mark.png");
@ -66,13 +65,13 @@ If you want to have a background image which will not scroll with the rest of th
### Shorthand property
You can pass all the properties in one super-property `background` :
You can pass all the properties into the super-property `background` :
```css
  background: #F00 url("GitHub-Mark.png") no-repeat fixed left bottom;
```
When you use the shorthand property, you have to respect this order:
When you use this shorthand property, it must be in this order:
1. Background color
2. Background image
@ -80,7 +79,7 @@ When you use the shorthand property, you have to respect this order:
4. Background attachment
5. Background position
It doesn't matter if one property is missing, as long as you respect the order:
It doesn't matter if one property is missing, so long as the order is maintained:
```css
  background: url("GitHub-Mark.png") no-repeat left bottom;