CSS Border-Image Property

CSS 1

CSS 2

CSS 3
No No Yes

Description

Specifies an image to use instead of the border styles given by the ‘border-style’ properties and an additional background image for the element. If the value is ‘none’ or if the image cannot be displayed, the border styles will be used.  

Syntax

border-image: [value1] [value2] ...

Possible values

  • none
  • [image]
  • [number]
  • [percentage]
  • [border-width]
  • stretch
  • repeat
  • round

Initial Value

none

Applies To

All elements

Inherited

No

Media

Visual

Example

.class {
  border-image: url("image.png") 27 round stretch;
}

View All CSS Properties