border gradient css

Ответ от Александр Ермилов[гуру]
Хмм.. .
В Firefox возможно сделать псевдо-градиент через CSS:
-moz-border-top-colors: #555 #666 #777 #888 #999 #aaa #bbb #ccc;
В Chrome можно использовать градиент:
-webkit-border-image: -webkit-gradient(linear, left top, left bottom, from(#555), to(#fff), color-stop(5%,#ccc),color-stop(5%,#fff)) 5 repeat;
Но это уже не border, а еще одна фоновая картинка скорее.
Для Opera (Chrome, Safari, Firefox) можно использовать картинки ( ), но не для IE.
Более-менее кроссбраузерно можно "нарисовать" с помощью дополнительного элемента (заменив верхний бордер подложенным узким блоком с градиентом и сделав этот бордер прозрачным в основном блоке)
Генератор градиентов: ссылка .com/gradient-editor/ (пробел перед .com убрать)
Также можно использовать векторную графику (например, библиотеку Raphaël), но в данном случае это слишком сложное решение.