CSS Intro

CSS Intro Quiz

CSS Intro Exercise

CSS Basic

CSS Basic Quiz

CSS Basic Exercise

CSS Advance

CSS Advance Quiz

CSS Advance Exercise


CSS3 Quiz

CSS3 Exercise

CSS Properties

CSS Functions

CSS Selectors

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%.




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.

Code Explanation

All Tutorials related to CSS Properties

All Sections related to CSS