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

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

от jaren , в категории: HTML/CSS , 2 года назад

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

Facebook Vk Ok Twitter LinkedIn Telegram Whatsapp

2 ответа

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

от elissa , 2 года назад

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

1
2
3
.element {
  border: dotted 2px black;
}


В этом примере рамка будет черного цвета, толщиной 2 пикселя, и с пунктирным паттерном. Вы также можете изменить цвет рамки, используя цветовое значение, например red, #FF0000 или rgb(255, 0, 0).


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

1
2
3
4
5
.element {
  border-style: dotted;
  border-width: 2px;
  border-color: black;
}


В этом примере рамка будет черного цвета, толщиной 2 пикселя, и с пунктирным паттерном. Вы также можете изменить цвет рамки, используя цветовое значение, например red, #FF0000 или rgb(255, 0, 0).

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

от elda , год назад

@jaren 

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

1
2
3
.element {
   border: 1px dotted #333;
}