border-image

Is there a way to use a different image for each side of a CSS3 border-image?

On Firefox and Safari, I can use an image for the border with the following CSS: -moz-border-image: url(shadow_left.png) 0 7 0 7 round round; -webkit-border-image: url(shadow_left.png) 0 7 0 7 round round; However, I can't figure out a way to use a different image for left and right. Is there any way of doing so which is supported by ...

How does CSS 3 border-image work exactly?

Hi, I have an image of 4x4 in size and I want to use it all around a DIV's border. The following: -moz-border-image: url("../images/window/side.png") 4 4 4 4 / 4px 4px 4px 4px repeat repeat will place left and right borders, but not bottom and top. What's wrong with it? I think I have misunderstood the syntax and if that is so, how d...

css3 border-image's transparent png issue

I'm using border-image with a PNG image that has a transparent section. The issue is that the div has background-color set the black. When I apply border-radius, the transparent section of the pattern shows the black of the div and not the background of the element containing the div. How do I get border-radius to ignore the color of th...