css border пунктир



Автор Иван Александров задал вопрос в разделе Верстка, CSS, HTML, SVG

CSS border dashed - как я могу изменить расстояние между пунктиром? И длину самого пунктира? и получил лучший ответ

Ответ от Андрей[гуру]
Никак не можешь. Только выбрать вид пунктира из предустановленных вариантов.
Но ты можешь, например, использовать для границы произвольное изображение. В том числе и изображение нужного тебе пунктира: ссылка
Или подложить изображение рамки как background.
Или нарисовать рамку скриптом в canvas.
Или создать для элементов рамки собственный иконочный шрифт.
Или вообще сделать цепочку из сотни чередующихся div'ов с разным backgrund..
Андрей
(68731)
Ну так если подходящего встроенного варианта не существует, то без графических элементов никак не обойдёшься. А реализовать можно множеством разных способов: и картинкой, и иконочным шрифтом, и рисованием по canvas в JavaScript..
А можно вообще извратиться и отрисовать границу цепочкой div'ов.

Ответ от Александр[гуру]
Можно создать один пунктир с заданными промежутками и повторить его так как надо либо картинкой png, либо svg. Я бы сделал svg, а те кто бредит поддержкой каких то старых браузеров, курите в сторонке, на дворе уже заканчивается второй десяток 21 века.

Ответ от 3 ответа[гуру]
Привет! Вот подборка тем с ответами на Ваш вопрос: CSS border dashed - как я могу изменить расстояние между пунктиром? И длину самого пунктира?

Kак сделать подчеркнутый пунктиром текст (HTML and (or) CSS)?
Попробуйте так:
a {
text-decoration: none;
display: inline-block;
border-bottom:
подробнее...
 

Ответить на вопрос:

Имя*

E-mail:*

Текст ответа:*
Проверочный код(введите 22):*