Border-image in css style, cssborder-image
[None | <image>]
div { border: 20px solid #000; border-image-source: url(border.png);}
Border-image-slice attribute: The image border is offset inwards [<number> | <percentage> )? Fill
div { border: 20px solid #000; border-image-source: url(border.png); border-image-slice: 27,27,27,27;}
Border-image-width attribute sets the border width of an image [<length> | <number> | <percentage> | auto)
div { border: 20px solid #000; border-image-source: url(border.png); border-image-slice: 27,27,27,27; border-image-width: 27px 1 10% 27px;}
Border-image-outset attribute setting the number of border image regions beyond the border [<length >|< number>)
div { border: 20px solid #000; border-image-source: url(border.png); border-image-slice: 27,27,27,27; border-image-width: 27px 1 10% 27px; border-image-outset: 27px 27px 27px 27px;}
The border-image-repeat attribute sets whether the image border should be repeated, rounded, or stretched)
div { border: 20px solid #000; border-image-source: url(border.png); border-image-slice: 27,27,27,27; border-image-width: 27px 1 10% 27px; border-image-outset: 27px 27px 27px 27px; border-image-repeat: rounded; border-image: url(border.png) 27 rounded;}