clientWidth => paddingBoxWidth (padding box, without scrollbar, rounded)
clientHeight => paddingBoxHeight (padding box, without scrollbar, rounded)
scrollWidth => paddingBoxScrollWidth (not clipped padding box, with scrollbar, rounded)
scrollHeight => paddingBoxScrollHeight (not clipped padding box, with scrollbar, rounded)
el.getBoundingClientRect() => el.getBorderBox() (borderBox, not rounded) - Why el.getBoundingClientRect() when previously clientWidth was referring to paddingBox?
window.getComputedStyles(el) => el.getComputedStyles() (Why on the window?)
offsetWidthborderBoxWidth(rounded)offsetHeightborderBoxHeight(rounded)clientWidthpaddingBoxWidth(padding box, without scrollbar, rounded)clientHeightpaddingBoxHeight(padding box, without scrollbar, rounded)scrollWidthpaddingBoxScrollWidth(not clipped padding box, with scrollbar, rounded)scrollHeightpaddingBoxScrollHeight(not clipped padding box, with scrollbar, rounded)el.getBoundingClientRect()el.getBorderBox()(borderBox, not rounded) - Whyel.getBoundingClientRect()when previously clientWidthwas referring to paddingBox?window.getComputedStyles(el)el.getComputedStyles()(Why on the window?)