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

Update index.md (#26084)

Browse Source 
Some wording and grammar changes in the descriptions.
This commit is contained in:
majorkira
2018-12-12 21:59:32 -05:00
committed by Tom
parent 3362da66dc
commit 2cb8804320
1 changed files with 4 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
guide/english/css/borders/index.md
View File

@ -82,6 +82,7 @@ p {
### Border Color ### Border Color
Now for the creative aspect of CSS Borders! With the use of the `border-color` property, you will be able to create customized borders to fit the flow and layout Now for the creative aspect of CSS Borders! With the use of the `border-color` property, you will be able to create customized borders to fit the flow and layout
of your website. Border colors can be any color defined by RGB, hexadecimal, or key terms. Below is an example of each of these types. of your website. Border colors can be any color defined by RGB, hexadecimal, or key terms. Below is an example of each of these types.
@ -111,16 +112,17 @@ The `border-radius` property allows the corners of a border to be rounded. `bord
```css ```css
border-radius: 25px; border-radius: 25px;
``` ```
Each corner of `border-radius` can be adjusted individually in the following order: top, bottom, left, right.
Each corner of `border-radius` can be adjusted separately by specifying two, three, or four values. If two values are set, the first value applies to the top-left and bottom-right corners, while the second value applies to the top-right and bottom-left corners. If four values are set, the top-left, rop-right, bottom-right, and bottom-left corners will be specified in that order. If three values are set, the second value applies to the top-right and bottom-left corner.
```css ```css
border-radius: 15% 10px 30% 5px; border-radius: 15% 10px 30% 5px;
``` ```
If only two values are provided, the first value will be applied to the top-left and bottom-right corners and the second value will be applied to the top-right and bottom-left corners. If only two values are provided, the first value will be applied to the top-left and bottom-right corners and the second value will be applied to the top-right and bottom-left corners.
```css ```css
border-radius: 10px 5px; border-radius: 10px 5px;
``` ```
More complex border-radius values are available. This is done using a slash (/) between horizontal and vertical values. More complex border-radius values are available. This is done using a slash (/) between horizontal and vertical values.
```css ```css
border-radius: 10px/50px; border-radius: 10px/50px;