BASELINE NowYouCanUse.com

Widely Available Borders and outlines

id: border-image

Border images

The border-image CSS property draws an image around an element.

Baseline Status: Achieved Widely Available on Aug 1, 2019 (Cross-browser Newly Available since Feb 1, 2017).

Desktop Browser Engine Support

Google Chrome

56

Supported

Mozilla Firefox

50

Supported

Apple Safari

9.1

Supported

Microsoft Edge

12

Supported

Mobile Browser Engine Support

Chrome Android

56

Firefox Android

50

Safari iOS

9.3

Specifications and References

Specification ↗ Can I Use (border-image) ↗ Feature XML ↗

MDN Browser Compat Data Keys:

css.properties.border-image ↗ css.properties.border-image-outset ↗ css.properties.border-image-repeat ↗ css.properties.border-image-repeat.repeat ↗ css.properties.border-image-repeat.round ↗ css.properties.border-image-repeat.space ↗ css.properties.border-image-repeat.stretch ↗ css.properties.border-image-slice ↗ css.properties.border-image-source ↗ css.properties.border-image-width ↗ css.properties.border-image-width.auto ↗ css.properties.border-image.fill ↗ css.properties.border-image.gradient ↗ css.properties.border-image.none ↗ css.properties.border-image.optional_border_image_slice ↗ css.properties.border-image.repeat ↗ css.properties.border-image.round ↗ css.properties.border-image.space ↗ css.properties.border-image.stretch ↗