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.



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

CSS border image slice values list

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

Leave a comment

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.