Автор Иван Александров задал вопрос в разделе Верстка, CSS, HTML, SVG
CSS border dashed - как я могу изменить расстояние между пунктиром? И длину самого пунктира? и получил лучший ответ
Ответ от Андрей[гуру]
Никак не можешь. Только выбрать вид пунктира из предустановленных вариантов.
Но ты можешь, например, использовать для границы произвольное изображение. В том числе и изображение нужного тебе пунктира: ссылка
Или подложить изображение рамки как background.
Или нарисовать рамку скриптом в canvas.
Или создать для элементов рамки собственный иконочный шрифт.
Или вообще сделать цепочку из сотни чередующихся div'ов с разным backgrund..
Андрей
(68731)
Ну так если подходящего встроенного варианта не существует, то без графических элементов никак не обойдёшься. А реализовать можно множеством разных способов: и картинкой, и иконочным шрифтом, и рисованием по canvas в JavaScript..
А можно вообще извратиться и отрисовать границу цепочкой div'ов.
Можно создать один пунктир с заданными промежутками и повторить его так как надо либо картинкой png, либо svg. Я бы сделал svg, а те кто бредит поддержкой каких то старых браузеров, курите в сторонке, на дворе уже заканчивается второй десяток 21 века.
Kак сделать подчеркнутый пунктиром текст (HTML and (or) CSS)?
Попробуйте так:
a {
text-decoration: none;
display: inline-block;
border-bottom:
подробнее...