CSS border-image Property


The border-image property allows you to specify an image to be used as the border around an element.

The border-image property is a shorthand property for:

  • border-image-source
  • border-image-slice
  • border-image-width
  • border-image-outset
  • border-image-repeat

Possible Values

A list of background characteristic sub-values. Possible sub-values follow the same rules as possible values for corresponding aforementioned properties. The sub-value list follows a specific format:

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

Example -