Понимание offsetWidth, clientWidth, ScrollWidth и -Height соответственно ⇐ CSS

[Anonymous]

На StackOverflow есть несколько вопросов относительно offsetWidth/clientWidth/scrollWidth (и -Height соответственно), но ни один из них не дает исчерпывающего объяснения того, что это за значения.
Кроме того, в Интернете есть несколько источников, дающих запутанную или неверную информацию.
Можете ли вы дать полное объяснение, включая некоторые визуальные подсказки?
/>Кроме того, как эти значения можно использовать для расчета ширину полосы прокрутки?

Подробнее здесь: https://stackoverflow.com/questions/210 ... spectively