Get Even More Visitors To Your Blog, Upgrade To A Business Listing >>

Firefox 15 border-image failing

Firefox 15 border-image failing


The CSS3 border-image property has stopped working in firefox 15 using the syntax that worked in firefox 14,

Of course the prefix has been removed, but even without it, it fails.

Are there new syntax requirements that didn't exist before? How can I get border-image functioning correctly?

Problem courtesy of: Korvin Szanto


You need to add: border-image-width: 4px 4px 4px 4px; to your CSS, otherwise Firefox sets it to 1px wide even with your other border CSS.


The Mozilla dev team updated the border-image specs from the 2008 Working Draft to the 2011 Candidate Recommendation, please see this article for details.

Solution courtesy of: A.M.K


View additional discussion.

This post first appeared on CSS3 Recipes - The Solution To All Your Style Problems, please read the originial post: here

Share the post

Firefox 15 border-image failing


Subscribe to Css3 Recipes - The Solution To All Your Style Problems

Get updates delivered right to your inbox!

Thank you for your subscription