css border-image-width attribute

border

UK[ˈbɔ:də(r)] US[ˈbɔ:rdə(r)]

n.Border; edge; edging; wrapping Edge

vt.& vi. Bound with, on the edge of...

vt. Along the edge of, surround..., edge...

vi. Approximate, adjacent

Third person singular: borders Plural: borders Present participle: bordering Past tense: bordered Past participle: bordered

image

英[ ˈɪmɪdʒ] 美[ˈɪmɪdʒ]

##n.Image; portrait; concept, intention; mirror image, image

vt.Reflection; imagination; image of; symbol

Third person singular: images Plural: images Present participle: imaging Past tense: imaged Past participle: imaged

width

英[wɪdθ] 美[wɪdθ, wɪθ, wɪtθ]

n.Width; breadth

Plural: widths

css border-image-width attributesyntax

Function: Specifies the width of the image border.

Syntax: border-image-width: number|%|auto;

Description: number represents the corresponding border-width multiples. % The size of the reference border image area: the height of the area affects the horizontal offset, and the width affects the vertical offset. auto If this attribute is specified, the width is the inherent width of the corresponding image slice. Related Pages

Comments: The border-image-width property of four specifies the offset that divides the border image into nine parts. They represent distances inward from the top, right, bottom, and left of the area. If the fourth value is omitted, it is the same as the second value. If the third value is omitted, it is the same as the first value. If the second value is omitted, it is the same as the first value. No negative values ​​are allowed as border-image-width values.

css border-image-width attributeexample

div
{
border-image-source: url(http://img.php.cn/upload/article/000/005/656/5af270fd37755429.jpg);
border-image-width: 30 30;
}