CSS border-image-outset property

src

Description

It specifies the border image area that extends beyond the boundaries of border box.

Syntax

border-image-outset : length | number

Property values

lengthDefault 0: represents the width of border image outset.; border-image-outset: 0px;
Try it
number: This number represents multiple of the border-width. If 3 is the value of border-image-outset and border-width is 5px then the computed value would be 15px.; border-image-outset: 3;
Try it

Applicable to

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

Preview

Code

CSS

.parent{
width:70%;
height:100px;
padding:10px;
border:5px solid red;
border-image-source:url('img/web4college.png');
border-image-width:20px;
border-image-slice: 12;
}

HTML

<div class="parent">
 It specifies the border image area that extends beyond the boundaries of border.
 </div>

CSS3 Properties

Description

Syntax

Property values

Applicable to