• Najnowsze pytania
  • Bez odpowiedzi
  • Zadaj pytanie
  • Kategorie
  • Tagi
  • Zdobyte punkty
  • Ekipa ninja
  • IRC
  • FAQ
  • Regulamin
  • Książki warte uwagi

border-image tylko dla bordera górnego

Aruba Cloud - Virtual Private Server VPS
0 głosów
188 wizyt
pytanie zadane 28 czerwca 2017 w HTML i CSS przez Bakr Mądrala (6,850 p.)

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;

 

1 odpowiedź

0 głosów
odpowiedź 28 czerwca 2017 przez Chess Szeryf (76,730 p.)
edycja 28 czerwca 2017 przez Chess
#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

Podobne pytania

0 głosów
1 odpowiedź 212 wizyt
pytanie zadane 25 sierpnia 2015 w HTML i CSS przez Lukaspar Użytkownik (890 p.)
0 głosów
1 odpowiedź 785 wizyt
pytanie zadane 5 sierpnia 2017 w HTML i CSS przez Kekk Początkujący (450 p.)
0 głosów
1 odpowiedź 124 wizyt
pytanie zadane 29 listopada 2020 w JavaScript przez hakiros54 Obywatel (1,160 p.)

93,329 zapytań

142,323 odpowiedzi

322,400 komentarzy

62,663 pasjonatów

Motyw:

Akcja Pajacyk

Pajacyk od wielu lat dożywia dzieci. Pomóż klikając w zielony brzuszek na stronie. Dziękujemy! ♡

Oto polecana książka warta uwagi.
Pełną listę książek znajdziesz tutaj

Wprowadzenie do ITsec, tom 1 Wprowadzenie do ITsec, tom 2

Można już zamawiać dwa tomy książek o ITsec pt. "Wprowadzenie do bezpieczeństwa IT" - mamy dla Was kod: pasja (użyjcie go w koszyku), dzięki któremu uzyskamy aż 15% zniżki! Dziękujemy ekipie Sekuraka za fajny rabat dla naszej Społeczności!

...