CSS border-image property

Description

CSS border-image is a shorthand property of border-image-source, border-image-slice, border-image-width, border-image-outset, and border-image-repeat.

Syntax

border-image :border-image-source border-image-slice [ /border-image-width | / border-image-width / border-image-outset ] border-image-repeat

Applicable to

See longhand properties

Preview

Code

CSS

.parent{
width:70%;
height:100px;
border:10px solid red;
margin-left:20px;
margin-top:20px;
border-image: url("img/web4college.png") 6 / 20px / 2 round stretch;
}

HTML

<div class="parent">
</div>

CSS3 Properties

Description

Syntax

Applicable to