CSS border-image-width property

Description

CSS border-image-width property specifies the width of the border image. By default, it is the same as border-width.

Syntax

border-image-width : +ve length | +ve percentage | +ve number | auto

Property values

+ve lengthDefault

length value specifies the width of border image area.

border-image-width: 1px;

+ve percentage

percentage value specifies the width of border image area.

border-image-width: 30%;

+ve number

It computes to the multiple of border-width. If the border-width is 5px and border-image-width is 2 then the computed value would be 10px.

border-image-width: 2;

auto

This is computed to the intrinsic size (height/width) of the image. If there is no intrinsic size of the image, it is computed to border-width.

The following 'auto' value computes 96px width of the border image area because the size of the image is 96px.

border-image-width: auto;

Applicable to

It applies to all elements except the table with border-collapse:collapse;.

#CSS digger
Was this article helpful?

 
arrow
CSS border-image-width property specifies the width of the border image. By default, it is the same as border-width.
×

Ctrl+D