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.
Default Value:-
Its default value is 100%.
Syntax:-
Its syntax is:- border-image-slice: number | % | fill | initial | inherit;
Further Explanation:-
Value | Description |
---|---|
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. |