I'm trying to use an image to show in the right border of a div but is not shown
border-image: url("/images/products/line.png");
border-style: solid;
border-width: 0px 3px 3px 0px;
Asked
Active
Viewed 33 times
0
a_cl
- 101
- 1
- 4
-
You are missing the border-color – Ryan Le Oct 28 '20 at 17:47
-
Try setting `border-color: transparent;` – allenski Oct 28 '20 at 18:57
-
also, dont you need to put more after your image path. see: https://www.w3schools.com/cssref/css3_pr_border-image.asp – allenski Oct 28 '20 at 18:58
-
example in URL is `border-image: url(border.png) 30 round;` – allenski Oct 28 '20 at 18:58
1 Answers
0
You may have to set the border as transparent:
border-color: transparent;
And don't forget to set the position of the image. Something like:
border-image:url("/images/products/line.png") 30 30 repeat;
-
I added `border-color: transparent;` but only a dot on the right down corner is shown – a_cl Oct 28 '20 at 17:49
-
You need to set the position of the image within the border. Look at the example at https://developer.mozilla.org/de/docs/Web/CSS/border-image – Oct 28 '20 at 17:58