В чем разница между аддитивной и вычитающей системами добавления границ в CSS?

Разница между аддитивной и вычитающей системами добавления границ в CSS заключается в том, как вычисляются размеры элемента. webref.ru

Аддитивная система предполагает, что размер элемента начинается со свойств width и height, а затем к ним добавляются значения свойств padding, border или margin. webref.ru Например, если установить для width 400 пикселей, затем добавить 20 пикселей padding и border 10 пикселей на каждой стороне, фактическая полная ширина элемента станет 460 пикселей. webref.ru

Вычитающая система предполагает, что область холста, предназначенная для контента, равна: availablecanvas - margin - padding - border. intuit.ru В этом уравнении availablecanvas (доступный холст) — дискретное значение, минус величина полей, границ и заполнения. intuit.ru