CSS border image slice Property
CSS border-image-slice Property
The border-image-slice property is used to specify how to slice the image specified by border-image-source. The image is always sliced into nine sections: four corners, four edges, and the middle. Its middle part is treated as fully transparent unless the fill keyword is set.
Its default value is 100%.
Its syntax is:- border-image-slice: number | % | fill | initial | inherit;
|number||It represents pixels for raster images or coordinates for vector images|
|%||Percentages are relative to the height or width of the image|
|fill||Causes the middle part of the image to be displayed|
|initial||Sets this property to its default value.|
|inherit||Inherits this property from its parent element.|