CSS border image slice

CSS border image slice is used to slice the border image from top, left, bottom and right.

This divides border into nine parts: four corners, four edges and the middle.


Syntax

Output

This is the paragraph inside the div with border images sliced.


CSS border image slice values list

Sr. No. value Description
1 value Used to specify the value in px, percentage. The value for this for example 40.
2 fill Used to show the middle part of the image.
3 initial Used to define as the property initial value.
4 inherit Used to define the computed value of property on the elements parent.
5 unset Used to define the property either acts as inherit or initial, depending on the property if it is inherited or not.