CSS border-image Property
CSS's border-image property is used to define an element's border.
Syntax
Property Values
| Value | Description |
|---|---|
| border-image-source | The image's path to be used as a border. |
| border-image-slice | How to Cut a Border Image |
| border-image-width | The image's border width. |
| border-image-outset | The distance between the border image area and the border box. |
| border-image-repeat | Whether to repeat, round, or stretch the border image. |
| initial | This property is set to its default value. |
| inherit | Inherits this property from its parent element. |
Supported Browsers
| Element | Chrome | Firefox | Safari | Edge / IE | Opera |
|---|---|---|---|---|---|
| border-image |
16.0
4.0 -webkit- |
15.0
3.5 -moz- |
6.0
3.1 -webkit- |
11.0 |
15.0
11.0 -o- |