diff --git a/guide/english/css/css3-backgrounds/index.md b/guide/english/css/css3-backgrounds/index.md index deaa9b687b..7c5dc616c3 100644 --- a/guide/english/css/css3-backgrounds/index.md +++ b/guide/english/css/css3-backgrounds/index.md @@ -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;