html5 - Custom Borders with CSS -

Is it possible to make such a responsive limit?

I have tried boundary-image technology but it fills PNG with white because the border is placed in the div. I also have a horizontal part for the built-in div Tried to keep it but it is difficult to know the exact width with% + padding / margin.

Any help / consideration to receive this will be appreciated?

The border images are overlaid on the top of the element, even if your border image is transparent, it still The color of the element behind it will show.

For this, a pure CSS solution will have to use a proxy element.

First set your div position to non-static (relative), complete, or fixed work). Then make your element full and increase the width of the div:

  div: first {content: ""; Status: Completed; Left: 0; Width: 100%; Bottom: 100%; Height: 10px; Background: URL (http://i.imgur.com/PEY43VD.png);