css border-image-outset 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

outset

英[ˈaʊtset] 美[ˈaʊtˌsɛt]

n. Beginning, beginning

css border-image-outset attributesyntax

Function: Specifies the amount by which the border image exceeds the border box.

Syntax: border-image-outset: number;

Explanation: number represents the multiple of the corresponding border-width.​

Note: The border-image-outset attribute specifies the amount by which the border image exceeds the border box. On top, right, bottom, left. 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-outset values.

css border-image-outset attributeexample

div{
border-image-source: url(border.png);
border-image-outset: 30 30;
}