Как получить пунктирную рамку в CSS?

Пользователь

от roxanne.hauck , в категории: HTML/CSS , 7 месяцев назад

Как получить пунктирную рамку в CSS?

Facebook Vk Ok Twitter LinkedIn Telegram Whatsapp

1 ответ

Пользователь

от karen.wisozk , 3 месяца назад

@roxanne.hauck 

Чтобы создать пунктирную рамку в CSS, вы можете использовать свойство border-style. В качестве значения для этого свойства можете указать dotted, чтобы получить пунктирную рамку.


Например:

1
2
3
div {
  border-style: dotted;
}


В этом примере будет создана пунктирная рамка вокруг элемента div. Обратите внимание, что вам также нужно будет указать цвет рамки с помощью свойства border-color.


Если вы хотите создать пунктирную рамку только с определенными сторонами, вы можете использовать свойства border-top-style, border-right-style, border-bottom-style и border-left-style, чтобы указать стиль рамки для каждой стороны отдельно.


Например:

1
2
3
4
5
6
div {
  border-top-style: dotted;
  border-right-style: dotted;
  border-bottom-style: solid;
  border-left-style: solid;
}


В этом примере будет создана пунктирная рамка только наверху и справа от элемента div, а снизу и слева будет создана спл