The border-image property specifies an image to be used as the border around an element:

Here, the middle sections of the image are repeated to create the border.

Here is the original image:

Note: Internet Explorer 10, and earlier versions, do not support the border-image property.

<p>The border-image property specifies an image to be used as the border around an element:</p>
<p id="borderimg">Here, the middle sections of the image are repeated to create the border.</p>
<p>Here is the original image:</p><img src="http://thumbs.dreamstime.com/t/huevos-de-oro-en-jerarqu%C3%ADa-41770064.jpg" width="205" height="">
<p><strong>Note:</strong> Internet Explorer 10, and earlier versions, do not support the border-image property.</p>
 <style>
#borderimg {
    border: 10px solid transparent;
    padding: 15px;
    border-image: url(https://img-fotki.yandex.ru/get/4412/65019656.13d/0_681fd_b44f6b66_S) 30 round;
}
</style>