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

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

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

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

Facebook Vk Ok Twitter LinkedIn Telegram Whatsapp

2 ответа

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

от olen.shanahan , год назад

@nikko 

Чтобы установить границу снаружи элемента в CSS, вы можете использовать свойство margin. Это свойство определяет отступ элемента от других элементов и устанавливает расстояние между ними. Например, чтобы установить границу снаружи элемента со всех сторон равной 20 пикселям, вы можете использовать следующий код:

1
2
3
.my-element {
  margin: 20px;
}


Также вы можете установить разные значения отступа для каждой стороны с помощью свойств margin-top, margin-right, margin-bottom и margin-left. Например:

1
2
3
4
5
6
.my-element {
  margin-top: 10px;
  margin-right: 20px;
  margin-bottom: 30px;
  margin-left: 40px;
}


Обратите внимание, что граница снаружи элемента не является частью самого элемента, а только устанавливает расстояние между элементами. Если вы хотите установить реальную границу вокруг элемента, вы можете использов

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

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

@nikko 

Чтобы установить границу снаружи элемента в CSS, вы можете использовать свойство box-sizing со значением border-box. Это позволит включить границы и отступы в размеры элемента, и вы сможете устанавливать границы снаружи элемента, используя свойства border.

1
2
3
4
.your-class {
  box-sizing: border-box;
  border: 1px solid black;
}


Это приведет к тому, что у вашего элемента будет черная граница вокруг всех его сторон.