border image outset

Education is not limited to just classrooms. It can be gained anytime, anywhere... - Ravi Ranjan (M.Tech-NIT)

CSS3 border-image-outset Property


Place the border image 10 pixels outside the border edges of an element:

#borderimg {
    border-image-source: url(border.png);
    border-image-outset: 10px;


Definition and Usage

The border-image-outset property specifies the amount by which the border image area extends beyond the border box.

CSS Syntax

border-image-outset: length|number|initial|inherit;


Property Values

Value Description  
length A length unit specifying how far from the edges the border-image will appear. Default value is 0   
number Represent multiples of the corresponding border-width