manipulate css border with javascript to custom

Question

I'm wondering if there is a way to manipulate CSS border: edges to custom edge / border type with JavaScript or jQuery?

For example making a slightly; jagged, zigzag, or tear looking border edge for specified border without background: url('imageofedge.png'); ?

Curious if something like this is possible in effort to load less images across, for speed and performance.

Note: // I'm aware of CSS border property and know what capabilities are there, wondering if there is an ability to manipulate for custom option using jQuery / JS.

Answer 1

There is NO option with CSS so why use jquery? (yet)

Just do something like this:

border-image: url(imageofedge.png);

You can read more in DevDocs