Top Border Image in CSS3
css
Solution
I don't think that there is any such property like `border-top-image` to give image border to any side of an element - Use
border-image:url('http://www.mycelticcrossstitch.com/celtic%20knot%20cross%20stitch.jpg') 30 30 round;
but it give border around all sides. To remove border around rest of the sides I gave -
border-bottom:0;
border-left:0;
border-right:0;
It worked and here is my fiddle - http://jsfiddle.net/ashwyn/c7WxG/1/
Problem
I've used `border`, `border-top-image`, `border-image` and none seem to do what I am after. I have the following CSS: ``` #footer { overflow: hidden; clear: both; width: 100%; margin: 0 auto; padding: 26px 0 30px 0; border-top-image: url('http://www.mycelticcrossstitch.com/celtic%20knot%20cross%20stitch.jpg'); font-size: 0.8461538461538462em; color: #aaa; } ``` This does not seem to apply to the website I am trying to work on, I've tried it in Firefox and Chrome. I only want the image to appear on the top border and wish to have no other borders (so it's sort of like a `<hr />`)