Как указать внутреннюю границу в CSS?

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

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

Как указать внутреннюю границу в CSS?

Facebook Vk Ok Twitter LinkedIn Telegram Whatsapp

1 ответ

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

от buster , 3 месяца назад

@dorothea_stoltenberg 

Внутренняя граница (padding) может быть указана в CSS с помощью свойства padding. Оно позволяет задать величину внутренней границы со всех сторон элемента сразу. Например:

1
2
3
.element {
  padding: 20px;
}


Это установит внутреннюю границу размером 20 пикселей со всех сторон элемента.


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

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


Это установит верхнюю внутреннюю границу размером 10 пикселей, правую внутреннюю границу размером 20 пикселей, нижнюю внутреннюю границу размером 15 пикселей и левую внутреннюю границу размером 30 пикселей.


Вы также можете указать разные значения для верхней и нижней внутренней границы,