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

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

от enid , в категории: HTML/CSS , 9 месяцев назад

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

Facebook Vk Ok Twitter LinkedIn Telegram Whatsapp

1 ответ

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

от willa_will , 5 месяцев назад

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

1
2
3
.dotted-border {
  border: dotted;
}


Вы также можете указать толщину, цвет и другие свойства рамки:

1
2
3
.dotted-border {
  border: 2px dotted red;
}


Вы также можете использовать свойство border-style для указания только стиля рамки:

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


Пожалуйста, обратите внимание, что свойство border объединяет такие свойства, как border-width, border-style и border-color. Это означает, что если вы укажете только одно из этих свойств, остальные будут установлены в значение по умолчанию. Например, следующий код устанавливает только стиль рамки, но также устанавливает ширину рамки в 1 пиксель и цвет рамки в черный:

1
2
3
.dotted-border {
  border: dotted;
}