Задать вопрос
@ymfront
css

Как сверстать кастомную пунктирную обводку у блока?

Есть блок с пунктирной обводкой. Как можно сверстать такую обводку?

Чтобы длина ширина штриха была 12 px, длина - 90 px. И в углу был более длинный штрих, переходящий с верхней границы в боковую.

691b33a4de939728396462.jpeg
  • Вопрос задан
  • 133 просмотра
Комментировать
Подписаться 1 Простой Комментировать
Помогут разобраться в теме Все курсы
  • Яндекс Практикум
    Профессиональная вёрстка на HTML и CSS
    3 месяца
    Далее
  • Stepik
    Основы HTML и CSS
    2 недели
    Далее
  • OTUS
    HTML/CSS
    3 месяца
    Далее
Пригласить эксперта
Ответы на вопрос 2
Fragster
@Fragster
помогло? отметь решением!
частично может подойти https://developer.mozilla.org/en-US/docs/Web/CSS/R... в варианте border-image-repeat: round; но на некоторых размерах все равно будет странно
Ответ написан
Комментировать
Комментировать
@Tolnik
ПД
Толщина линии: stroke-width
Длина отреза и расстояние между отрезками: stroke-dasharray
Смещение отрезков, чтобы выверить углы: stroke-dashoffset
Подробности: css.yoksel.ru/svg-fill-and-stroke
Ответ написан
Комментировать
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы
Вакансии с Хабр Карьеры
React разработчик
ITK academy • Нижний Новгород
от 50 000 до 90 000 ₽
PHP-разработчик
FoodSoul • Калининград
от 180 000 до 250 000 ₽
Специалист технической поддержки (чат)
WebSoft
от 50 000 до 70 000 ₽
Ещё вакансии