CSS borderimagewidth Property (original) (raw)

CSS border-image-width Property

Last Updated : 23 Aug, 2024

The **CSS border-image-width Property is used to set the width of the border image. It can be set by providing multiple values.

• If only one value is provided, it is applied to all four sides.
• When two values are specified, The first value is applied to 'the top and bottom', and The second value is applied to the 'left and right'.
• When three values are specified, The first value is given to the top, the cond is shared by both 'left and right', and The third to the bottom.
• If four values are given then they are applied to the top, right, bottom and left (clockwise) order.

**Syntax:

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

**Default Value: Its default value is 1.

**Property Values:

• **Length: is used to specify the value **relatively.
• **Percentage: is used to specify the width in terms of percentage.
• **Number: is used to set the width as a multiple of the corresponding computed value of border-width
• **Initial: sets this property to its default value
• **Inherit: is used to inherit the values from the parent elements

**Example 1:

html `