right border gradient

Question

I am trying to make right border of an

element to be linear gradient.
I have tried following but with no success:

-webkit-border-         


        

Answer 1

There is a solution for that but I'm not sure you can adjust the border width: http://jsfiddle.net/u2ZE4/1/

-webkit-border-image: -webkit-gradient(linear, left top, left bottom, from(#e00), to(#fff))0 100% 0 0 stretch;