Easy Tutorial
❮ Met Video Canplaytype Prop Canvas Imagedata Width ❯

Style borderImage Property

Style Object

Example

Specify the image to be used as the border around a div element:


Definition and Usage

The borderImage property is a shorthand property for setting borderImageSource, borderImageSlice, borderImageWidth, borderImageOutset, and borderImageRepeat properties.

Omitted values are set to their default values.


Browser Support

Internet Explorer 11, Firefox, Opera 15, Chrome, and Safari 6 support the borderImage property.

Safari 5 supports an alternative property, webkitBorderImage.


Syntax

Return the borderImage property:

Set the borderImage property:

Property Values

Value Description
borderImageSource The path to the image to be used as the border.
borderImageSlice The inward offsets of the image border.
borderImageWidth The width of the image border.
borderImageOutset The amount by which the border image area extends beyond the border box.
borderImageRepeat Specifies whether the image border should be repeated, rounded or stretched.
initial Sets this property to its default value. See initial
inherit Inherits this property from its parent element. See inherit

Technical Details

Default Value: none 100% 1 0 stretch
Return Value: A string, representing the border-image property of the element.
--- ---
CSS Version CSS3
--- ---

Related Articles

CSS Reference: border-image Property


Style Object

❮ Met Video Canplaytype Prop Canvas Imagedata Width ❯