Как сделать длину border больше чем у блока?

Question

[S_Tigrov]

Как сделать такую рамку?

Answer 1

[xdevelx]

svg или множественный background с градиентом

https://codepen.io/xdevelx/pen/QWbxxvR

Answer 2

[Арсений Матыцин]

1. Border image
2. 2 дополнительные обертки с псевдоэлементами
3. В принципе псевдоэлементы
4. SVG

Comments

[S_Tigrov]

ну я псевдоэлементами и делаю, но надо же 4 полоски добавить, а я смог добавить только две

[Арсений Матыцин]

S_Tigrov, дополнительная обертка дает тебе +2 псевдоэлемента, +3 к скорости и +1 к вложенности, -5 к читаемости кода (если ты не снабдишь его внятными названиями и комментариями).

[S_Tigrov]

Арсений Матыцин, понял, щас попробую

[S_Tigrov]

Арсений Матыцин, новая проблема возникла(
горизонтальные полосы не адаптируются из-за position: absolut
я не могу задать свойство max-width

[Арсений Матыцин]

S_Tigrov, под размер в смысле? Используй calc. Он позволит свесить на фиксированный размер (либо относительный), если я правильно тебя понял.