box-sizing

box-sizing: content-box | border-box

📝 Описание

Определяет, как вычисляется ширина и высота элемента: включают ли они padding и border.

Значение по умолчанию: content-box

🎯 Возможные значения

  • content-box — ширина/высота только для содержимого
  • border-box — ширина/высота включают padding и border
* {
  box-sizing: border-box;
}

🌐 Поддержка браузеров

Все браузеры