title: Right side border gradient only with the newer webkit gradient syntax, also which browsers support this, and how to do it in those as well?
body: <p>Any other questions relating to this either have answers giving the OLD webkit syntax, not the new syntax, or they don't explain how to apply the border-gradient to ONLY one side.</p>
  
  <p>Which browsers support gradient borders through CSS without having to use images?</p>
  
  <p>I have an example at the JsFiddle below, it shows a gradient being applied to ONLY the right border, how would I make this cross browser compatible to all the browsers that currently support CSS border gradients? I believe the Gradient syntax in my example is the old syntax used by webkit, they updated the syntax a year or so ago I think, I would like to use the new syntax but i fail with every attempt. I don't understand what in the syntax is telling the gradient to ONLY be applied to the right side, i tried adjusting numbers but I just don't understand what's doing it. thank you so much. </p>
  
  <p><a href="http://jsfiddle.net/nicktheandroid/MNax7/1/" rel="noreferrer">http://jsfiddle.net/nicktheandroid/MNax7/1/</a></p>
  
  <hr>
  
  <p>Also, I have another example below, it uses the new CSS gradient syntax that all the browsers use, but the gradient is applied to all the borders, I wanted it applied to ONLY the right border, like the example above does.</p>
  
  <p><a href="http://jsfiddle.net/nicktheandroid/b875w/2/" rel="noreferrer">http://jsfiddle.net/nicktheandroid/b875w/2/</a></p>