В чем заключается отличие между значениями box-sizing: border-box и box-sizing: content-box?

box-sizing: content-box - стандартное значение, где размеры (width, height) элемента относятся только к его содержимому. Отступы (padding) и границы (border) добавляются к этому размеру, увеличивая общие габариты элемента.

box-sizing: border-box включает отступы (padding) и границы (border) в заданные размеры (width, height). Таким образом, общие габариты элемента остаются равными заданным width и height, а размер содержимого уменьшается пропорционально padding и border.