Для цього використовується властивість border-image зі значенням linear-gradient() і border-image-slice : 1. Попередньо потрібно обов’язково задати звичайну межу, вказавши товщину, стиль і колір, що переважає на градієнті. Збережена копія
У CSS3 ви можете додавати градієнтний фон до елементів через уже відому властивість backgroun d-image . Як значення використовується ключове слово linear- gradient () , де в дужках необхідно вказати стартову точку градієнта, початковий колір і кінцевий колір.
Для створення градієнтів призначена функція linear-gradient(), яка додається до властивості background або background-image . background: linear-gradient(#9A5044, #E8D9A9); Без зазначення додаткових параметрів градієнт виходить вертикальним, перше значення вказує колір зверху, друге – знизу.