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

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

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

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