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

Added more complex border-radius example (#23555)

Browse Source
This commit is contained in:
Tony Scialdone
2018-11-26 03:53:23 -07:00
committed by Manish Giri
parent d8861ab98a
commit 1772cc56a7
1 changed files with 6 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@ -115,6 +115,12 @@ Each corner of `border-radius` can be adjusted individually in the following ord
border-radius: 15% 10px 30% 5px;
```
More complex border-radius values are available. This is done using a slash (/) between horizontal and vertical values.
```css
border-radius: 10px/50px;
```
### Border-Image
The `border-image` property allows you to use an image as a custom border style. `border-image` is a shorthand for `border-image-source`, `border-image-width`, `border-image-outset`, and `border-image-repeat`.