CSS3 Border Image Generator



px

px

px
border: {{biBorderWidth.qty}}px solid transparent;
-webkit-border-image: url({{biSource}}') {{biVerticalLength.qty}} {{biHorizontalLength.qty}} fill {{borderrepeat.value}};
-o-border-image: url('{{biSource}}') {{biVerticalLength.qty}} {{biHorizontalLength.qty}} fill {{borderrepeat.value}};
border-image: url('{{biSource}}') {{biVerticalLength.qty}} {{biHorizontalLength.qty}} fill {{borderrepeat.value}};
					

About border-image property

css3 border image generator

The border-image CSS property allows drawing an image on the borders of elements. This makes drawing complex looking widgets much simpler than it has been and removes the need for nine boxes in some cases. We have made this border image generator above for you to understand the syntax and generate code easily.

Simple CSS Generators & Tools

Agency Lists

As a business owner, your time is very valuable. For anything larger than small web design tweaks or a very basic SEO strategy, you'll be better off hiring a dedicated employee, a freelancer, or a specialized agency to head up your digital marketing efforts. That's why we've put together objective, third-party lists that rank the best agencies in the business. Feel free to check them out if you're in the marketing for a digital marketing agency:

SEO Agency Rankings PPC Agency Rankings Social Media Agency Rankings Agencies By Location