border-image-slice

Important

This documentation is preliminary and subject to change.

Sets how a border-image is displayed.

Syntax

{ border-image-slice: sSlice }

Possible values

sSlice

String that specifies one of the following values:

percentage

Default. Percentage relative to the size of the image. Default value is 100%. Any percentage over 100% is treated as 100%.

integer

Number of pixels (for a bitmap image) or vector coordinates (for a vector image) to display.

fill

Preserves the middle part of the image.

The property has a default value of 100%. It is not inherited. Negative values are not permitted.

Remarks

For boxes that break across columns, the affected columns are treated as a single, continuous element.

Standards information

This property is defined in CSS Backgrounds and Borders Module Level 3 Gg721794.xtlink_newWindow(en-us,Expression.40).png.

Applies to

a, address, b, big, blockquote, body, button, caption, center, cite, code, col, colgroup, custom, dd, defaults, dfn, div, dl, dt, em, fieldset, form, hn, html, i, img, input type=button, input type=checkbox, input type=file, input type=image, input type=password, input type=radio, input type=reset, input type=submit, input type=text, li, ol, p, s, span, sub, table, tbody, td, tfoot, th, thead, tr, tt, u, ul, var, xmp

See also

Concepts

border-image
border-image-repeat
border-image-source
border-image-outset

Send feedback about this topic to Microsoft. © 2011 Microsoft Corporation. All rights reserved.