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;.
From web4college, the free CSS digger
Bookmark this page
Ctrl+D
