You are here : cssCSS 3border-image

border-image - CSS 3

The border-image property allows you to specify an image to be used instead 
of the normal border around an element.The border-image property is a shorthand property for setting the 
border-image-source, 
border-image-slice, 
border-image-width, 
border-image-outset 
and border-image-repeat properties.Omitted values are set to their default values.


Syntax

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


Example

#borderimg {     -webkit-border-image: url(border.png) 30 
	round; /* Safari 3.1-5 */    -o-border-image: url(border.png) 
	30 round; /* Opera 11-12.1 */    border-image: url(border.png) 
	30 round;}


Output / Return Value


Limitations


Alternatives / See Also


Reference