Страницы

Поиск по вопросам

суббота, 13 октября 2018 г.

Длина штриха в border-style: dashed. Возможно ли регулировать?

Нужно сделать блок с такой обводкой

Но если использовать border: 2px dashed #15acd3, то получается так:

Возможно ли через CSS задавать как длину штриха и отступы между штриками?


Ответ

background-image с SVG. Регулировать расстояния между черточкам нужно в свойстве stroke-dasharray
Источник: stroke-dasharray
.block { width: 200px; height: 100px; background-color: #999; background-image: url("data:image/svg+xml;utf8,"); }


Комментариев нет:

Отправить комментарий