/

HTML / CSS / JavaScript Tutorial

CSS Property: border-image

[this page | pdf | back links]

The CSS (CSS1) border-image property is a shorthand property combining (up to) 5 of the border-image properties. These allow you to specify that an image should be used instead of the normal border around an element.

 

Valid property values (other than inherit and initial) are defined by the elements of the shorthand. Shorthand elements (in the order in which they appear):

 

-        border-image-source

-        border-image-slice

-        border-image-width

-        border-image-outset

-        border-image-repeat

 

Default Value:

none 100% 1 0 stretch

JavaScript syntax:

e.g. object.style.borderImage="url(myborder.png) 20 round"

Inherited:

No

Animatable:

No

 


NAVIGATION LINKS
Contents | Prev | Next | CSS Properties


Desktop view | Switch to Mobile