set gradient as border color css code example
Example: linear gradient border
div-border-and-content-background {
border-top: double 5px transparent;
/* first gradient is for card background, second for border background */
background-image: linear-gradient(white,white), linear-gradient(to right, grey, black);
background-clip: padding-box, border-box;
background-origin: border-box;
}