border-image tylko dla bordera górnego

Question

Witam,

Czy jest możliwość ustawienia właściwości border-image tylko dla bordera górnego?

-webkit-border-image:
-webkit-gradient(linear, left top, right top, color-stop(0%, rgba(88,12,232,1)), color-stop(100%, rgba(219,12,232,1))) 30 30 round;

 

Answer 1

#gradient { 
  border-top: 30px solid;
  border-image: linear-gradient(blue, red, yellow) 10 44 4 3;
  padding: 20px;
}

Lub:

#gradient { 
  border-top:20px solid;
  border-image: linear-gradient(to right, red, orange, yellow, lime, blue, purple, fuchsia) 44 44 44 44;
  padding: 20px;
}

<div id="gradient">The image is stretched to fill the area.</div>

https://developer.mozilla.org/en-US/docs/Web/CSS/border-image

https://stackoverflow.com/questions/10996380/top-border-image-in-css3