border image width

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

CSS3 border-image-width Property


Specify the width of the border image:

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


Definition and Usage

The border-image-width property specifies the width of the border image.

CSS Syntax

border-image-width: number|%|auto|initial|inherit;


Property Values

Value Description  
length A length unit (px) specifying the size of the border-width  
number Default value 1. Represents multiples of the corresponding border-width  
% Refers to the size of the border image area: the width of the area for horizontal offsets, the height for vertical offsets  
auto If specified, the width is the intrinsic width or height of the corresponding image slice