0

Having the situation described in this image, I need to find solution for such a border using CSS-only, if it is possible. The height is not fixed, it can be variable. And the border should start and end like it is shown. And there is a border for that wavy line.

Red color on the screen is just to show you how it works.

I need this to work on IE9+.

evilpenguin
  • 5,448
  • 6
  • 41
  • 49
Виктор Роббин
  • 11
  • 1

1 Answers1

0

IE 9+ is difficult, since border-image property won't work here...

If you can do it withour proper endings, you can just use the border-color in combination with a background image, that is y-repeated and right aligned.

andreas
  • 16,357
  • 12
  • 72
  • 76
  • Thank you, I know it is possible to do that with border image without proper endings. Do you know the solution for other browsers? – Виктор Роббин Aug 08 '16 at 11:26
  • With border-image, proper endings are possible (in case i didn't made that clear...), but with the repeated background approach not. Now what solution do you mean? – andreas Aug 08 '16 at 11:46