Hey, so the viewBox isn’t so much about the size of the SVG as it is the dimensions and position of it. It still accepts width and height attributes to define the physical size — which is the advice given in the article.

This can be confusing in practice, so it’s helpful to set a size for the SVG when possible.

I’m confused so how do I set a size for my svg? It already has a viewbox argument and consist of a path defined by coordinates.

Hey there! I don’t believe so. Adding border-radius to an element that already has a border image will round the corners of the element’s box, but will leave the image in tact. Here’s an example forked from the demo in this post: https://codepen.io/geoffgraham/pen/qBZGLqd

I have a project that I’m working on and I’m actually done with it, BUT I have to implement a custom scrollar with a round thumb just exactly like in the css-tricks.com website. Please kindly tell me how you have done this as soon as possible. Thank you in advanced. stay safe.

https://stackoverflow.com/questions/59170127/how-can-i-make-a-pipeline-using-border-in-css

Wow! Nice question!
I hope it could be answered soon!

Is your internet connection behind a firewall? The content in those frames is served from CodePen. I’m happy to send you the direct links to the demos:

It says
“CodePen requires a referrer
to render this. Your browser
isn’t sending one.

If you have questions,
contact support@codepen.io.”

I use SeaMonkey as a browser, last release and I do not remember having configured anything related to referer sending.

Thanks

can’t seem to get it to work… care to post an example?

Yeah, just link to it via ID’s

Viewing this page in Safari reveals that it does not support round for border-image-repeat, it treats it as repeat.

Yes, you can. There’s a little trick to it — you need to set the border-image-width for the other 3 borders to 0 because their initial value is 1. This CSS tab in this pen shows a way to do that:

http://codepen.io/mariemosley/pen/f085e48aa08096ce15a6dccda12f68fc