Какие свойства связаны с CSS box model?

Состав коробки

Содержимое → padding → border → margin (margin снаружи).

Ключевые свойства:

• width / height / min-* / max-*
• padding, border, margin (+ сторонние longhand)
• box-sizing: content-box | border-box
• overflow

.card {
  box-sizing: border-box;
  width: 320px;
  padding: 16px;
  border: 1px solid #ccc;
  margin: 8px;
}

box-sizing

При border-box padding и border входят в width — предсказуемые сетки. Глобальный reset: *, *::before, *::after { box-sizing: border-box; }.