clientWidth vs offsetWidth vs scrollWidthEdit

• Short answer:
  • clientWidth is the inner width (ie. the space inside an element including padding but excluding borders and scrollbars)
  • offsetWidth is the outer width (ie. the space occupied by the element, including padding and borders)
  • scrollWidth is the total width including stuff that is only visible if you scroll
• Much more detailed answer: http://stackoverflow.com/a/21064102/1626737
• Other resources:
  • https://developer.mozilla.org/en-US/docs/Web/API/Element.clientWidth
  • https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement.offsetWidth
  • https://developer.mozilla.org/en-US/docs/Web/API/Element.scrollWidth