Style borderImageSlice Property

Definition and Usage

borderImageSlice Property specifies the inward offset of the image border.

See also:

CSS Reference Manual:border-image-slice property

Example

Specifies the inward offset of the image border:

document.getElementById("myDIV").style.borderImageSlice = "50% 10%";

Try It Yourself

Syntax

Return borderImageSlice Property:

object.style.borderImageSlice

Set borderImageSlice Property:

object.style.borderImageSlice = "number|%|fill|initial|inherit"

Property Value

Value Description
number Number, indicating the pixel (if it is a raster image) or vector coordinate (if it is a vector image) in the image.
%

Percentage values relative to the image size: the width affects the horizontal offset, and the height affects the vertical offset.

The default value is 100%.
fill Retain the middle part of the border image.
initial Sets this property to its default value. See also initial.
inherit Inherits this property from its parent element. See also inherit.

Technical Details

Default value: 100%
Return value: string, indicating the element's border-image-slice property.
CSS Version: CSS3

Browser Support

The numbers in the table indicate the first browser version that fully supports this attribute.

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Supported 11.0 Supported 6.0 15.0

Please See borderImage Attribute!