Example

A simple border-image-slice property example:

Laboratory

description & Usage

We use border-image-slice property to divide and cut images.

Informations

# Description
Default Value 100%
Inherited no
Animatable no
Version CSS3
JavaScript syntax object.style.borderImageSlice="30%"

Browser compatibility and Support

# Chrome Edge Firefox Safari Opera
border-image-slice

Syntax

Values

Values Description
number It shows the coordinates of the image with numbers.
% Specifies the width-to-height ratio as a percentage.
fill Displays the middle part of the image.
initial Adds this value to its default property.
inherit It inherits this value from its parent tag.