Как реализовать такой бордер?

Question

[flyming]

Всем привет. Подскажите как лучше реализовать такой бордер, вне зависимости от ширины элемента. Заранее спасибо.

Comments

[SagePtr]

Какой именно? Тут вижу только две синие полоски

[Александр Nameless08]

Можно сделать либо через border-image, либо псевдо элемент + градиент т.е. спозиционировать к примеру псевдоэлменент after и применить к нему:

background-image: linear-gradient(to right, black 6px, transparent 1px);
background-size: 8px 1px;
background-repeat: repeat-x;
background-position: left bottom;

Длину, толщину и цвет нужно настроить

Answer 1

[Negwereth]

border-image