CSS зацепил правую границу

Question

Имея ситуацию, описанную на этом изображении, мне нужно найти решение для такой границы, используя только CSS, если это возможно. Высота не фиксирована, она может быть переменной. И граница должна начинаться и заканчиваться, как показано на рисунке. И есть граница для этой волнистой линии.

Красный цвет на экране просто чтобы показать вам, как это работает.

Мне это нужно для работы на IE9+.

Answer 1

IE 9+ сложно, т.к. border-image собственность не будет работать здесь...

Если вы можете сделать это с нашими правильными окончаниями, вы можете просто использовать border-color в сочетании с фоновым изображением, которое повторяется по оси y и выровнено по правому краю.