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

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

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

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

691b33a4de939728396462.jpeg
  • Вопрос задан
  • 257 просмотров
Комментировать
Подписаться 1 Простой Комментировать
Помогут разобраться в теме Все курсы
  • Нетология
    Веб-разработчик с нуля: профессия с выбором специализации
    14 месяцев
    Далее
  • Академия Эдюсон
    Frontend-разработчик: тариф PRO
    10 месяцев
    Далее
  • ProductStar × РБК
    Профессия: Инженер по тестированию
    6 месяцев
    Далее
Пригласить эксперта
Ответы на вопрос 2
@deleted.476pkl7v27
Толщина линии: stroke-width
Длина отреза и расстояние между отрезками: stroke-dasharray
Смещение отрезков, чтобы выверить углы: stroke-dashoffset
Подробности: css.yoksel.ru/svg-fill-and-stroke
Ответ написан
Комментировать
Комментировать
Fragster
@Fragster
помогло? отметь решением!
частично может подойти https://developer.mozilla.org/en-US/docs/Web/CSS/R... в варианте border-image-repeat: round; но на некоторых размерах все равно будет странно
Ответ написан
Комментировать
Комментировать
Ваш ответ на вопрос

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

Похожие вопросы
Вакансии с Хабр Карьеры
Frontend-разработчик (vanilla JS, high-load)
Karma8
от 200 000 ₽
Специалист тех поддержки (английский язык, смены с 16:00 до 00:00 Мск)
ТехСофт
от 50 000 ₽
Руководитель IT / Head of IT
Сигма • Волгоград
от 160 000 до 200 000 ₽
Ещё вакансии