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

@rodger.botsford 

Чтобы создать пунктирную рамку в CSS, вы можете использовать свойство border со значением dotted:

1
2
3

div {
  border: dotted 1px black;
}

Это создаст пунктирную рамку шириной 1 пиксель, цвета черного, вокруг элемента div. Вы также можете изменить цвет рамки, указав другой цвет вместо black, например, red, green, blue и т.д.

Если вы хотите управлять размером точек и расстоянием между ними, вы можете использовать свойство border-style со значением dotted и свойства border-width и border-spacing:

1
2
3
4
5
6

div {
  border-style: dotted;
  border-width: 2px;
  border-color: red;
  border-spacing: 5px;
}

Это создаст пунктирную рамку шириной 2 пикселя, цвета красного, с расстоянием между точками 5 пикселей, вокруг элемента div.

Обратите внимание, что не все браузеры поддерживают свойство border-spacing, поэтому вам может потребоваться использовать другой