Border color gradient?

Is it possible to make the border color a gradient?
Or even to make 20% of the left border one color and the other 80% of the left border another color?

I'd like to achieve it only with css not using images

See image attached (left border mainly)

 

Umm I don't think so. you can make it so the left border is one color, top border is one color, etc etc. You will have to use a image.

 

It's not supported in all browsers as of yet, but it's better than nothing: border-image

 

You could do something like:

background: url(myborder.gif) #000 bottom left no-repeat;

so you use the image to act as the bottom part of the border and the colour for the top part.

 

Thanks guys, I appreciate the responses - just abit rusty on my css