Marusya's School Notes

Border-Image: Shorthand

The border-image is a shorthand property used to declare:

border-image-source
border-image-slice
border-image-width
border-image-outset
border-image-repeat

The syntax for the shorthand is:

border-image: <source> <slice {1,4}> / <width {1,4}> <outset> <repeat{1,2}>;

At this time, Opera, Firefox, Chrome and Safari all support the vendor prefixed border-image shorthand property but don’t support any of the longhand properties that make up the shorthand. So, you should always use the shorthand version.