HomeMenu
Jesus · Bible · HTML · CSS · JS · PHP · SVG · Applications

border-image-slice

Description

The border-image-slice property for CSS specifies inward offsets from the top, right, bottom, and left edges of the image, dividing it into nine regions: four corners, four edges and a middle.

The middle is discarded (treated as fully transparent) unless the fill keyword is present.

Syntax

CSS

border-image-slice: value;

JS

object.style.borderImageSlice = "value";

Values

<'border-image-slice'> = [<number [0,∞]> | <percentage [0,∞]>]{1,4} && fill?
<number>

An integer or zero or more decimal digits followed by a dot (.) followed by one or more decimal digits. The first character may be preceded by a sign (- or +). The last character may be succeeded by an exponent (e or E) and an integer.

<percentage>

Specifies the percentage using a number followed by a percent sign (%).

fill

Causes the middle part of the border-image to be preserved.

Initial

100%

Examples

1 · fill

2 · number

3 · percentage

4 · JS