Customizing the Style of a Single Region Border

[musaev-haybulla]

Hi everyone,

I’m working with wavesurfer.js and using regions to highlight certain parts of the waveform. I need to visually indicate that the right edge of a region can be resized, while the left edge should remain fixed.

Ideally, I’d like to achieve this by styling only one of the region’s borders differently—for example, making the right border more prominent or giving it a distinct style. However, I couldn’t find any direct options for this in the documentation.

Is there a built-in way to style only one border of a region? Or would I need to use some custom CSS/JavaScript workarounds?

Thanks in advance!

[katspaugh]

There's an example of this here: https://wavesurfer.xyz/examples/?styling.js

[musaev-haybulla]

Thank you for your patience. I apologize for not reading the documentation thoroughly earlier.

[katspaugh]

No problem!