images in CSS borders?

[tommyjay]

Is it possible to put an image into a CSS border? I keep trying but it won't take! Maybe my image isn't exactly the pixel dimensions it should be?

Thanks

[WebJoel]

What code do you have so far? Is this for any border, or a specific border, like a left border, bottom border, etc.?

What should work is something like:

border-image: url("border.png") and some specificity as to placing it (repeat, repeat-x or repeat-y, etc.)

[Little Goat]

I don't think there is a property that does that. if there is, it is this:

border: url(yourimage.jpg);

LG

[WebJoel]

I don't think there is a property that does that. ...LG

I wasn't sure either, until I looked it up. It's still bleeding-edge and probably not useful to most browsers yet...
See:
http://www.w3.org/TR/css3-background/#the-border-image

[machineghost]

Since (for all practical purposes) there is no border-image, your best bet would probably be to throw the image inside a div, set that div's background image to your border image, and then give the div padding (or give the image a margin) equal to your desired border width.

[tommyjay]

Thanks!

I'll have to check code out when I'm home!