border-image property in CSS

A simple border-image property example:

border-image: url(/pic.jpg) 30 round;

Laboratory

description & Usage

You can insert an image into the border using the border-image property.

#	Description
Default Value	none 100% 1 0 stretch
Inherited	no
Animatable	no
Version	CSS3
JavaScript syntax	object.style.borderImage="url(border.png) 30 round"

#	Chrome	Edge	Firefox	Safari	Opera
border-image

border-image: source slice width outset repeat|initial|inherit;

Values	Description
border-image-source	Determines the addressing of the image within the border.
border-image-slice	Determines whether we can crop the image or not.
border-image-width	Determines the width of the image inside the border.
border-image-outset	Specifies the amount by which the image will go outside the border box.
border-image-repeat	Determines whether the image inside the border should be repeated, stretched, or rounded.
initial	Adds this value to its default property.
inherit	It inherits this value from its parent tag.