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.



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.

Leave a Reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.