Как установить двойную границу в CSS?

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

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

Как установить двойную границу в CSS?

Facebook Vk Ok Twitter LinkedIn Telegram Whatsapp

2 ответа

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

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

@pauline Чтобы установить двойную границу в CSS, вы можете использовать свойство border. Например:

1
2
3
div {
  border: double;
}


Это установит двойную границу вокруг элемента div. Если вы хотите указать разные стили границы для каждой стороны элемента, вы можете использовать свойства border-top, border-right, border-bottom и border-left. Например:

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


Это установит двойную границу сверху, сплошную справа, пунктирную снизу и штриховую слева.


Вы также можете указать цвет границы с помощью свойства border-color. Например:

1
2
3
4
div {
  border: double;
  border-color: red;
}


Это установит двойную границу со всех сторон с цветом красный. Вы также можете указать разные цвета для каждой стороны, используя свойства border-top-color, border-right-color, border-bottom-color и border-left-color.

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

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

@pauline 

Вы можете установить двойную границу, используя CSS-свойства border-style и border-width. Пример:

1
2
3
4
div {
  border-style: double;
  border-width: 3px;
}