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

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

от tristian_upton , в категории: Компьютерные технологии , 10 месяцев назад

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

Facebook Vk Ok Twitter Telegram Whatsapp

1 ответ

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

от millie , 10 месяцев назад

@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;
}