Как установить границы и отступы для элемента в HTML?

@tristian_upton 

Границы и отступы для элемента в HTML можно установить с помощью стилей CSS.

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

1
2
3

.border {
  border: 1px solid black;
}

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

1
2
3

.margin {
  margin: 20px;
}

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

1
2
3

.padding {
  padding: 10px 20px;
}

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

1
2
3

.padding {
  padding: 10px 20px 10px 20px;
}

или сократить запись, используя только два значения:

1
2
3

.padding {
  padding: 10px 20px;
}