Как padding влияет на ширину элемента в блочной модели?

По умолчанию свойство padding увеличивает ширину элемента в блочной модели, так как внутренние отступы прибавляются к заданной ширине и высоте элемента. 25

Например, если задать ширину блока 200 пикселей и внутренние отступы 15 пикселей с каждой стороны, то ширина элемента будет равна 200 + 15 + 15 = 230 пикселей. 5

Однако есть способ изменить это поведение и указать, что ширина элемента должна включать в себя отступы. 15 Для этого используют свойство box-sizing со значением border-box. 1 В этом случае размер элемента останется неизменным, независимо от отступа. 1