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?)
=>offsetWidth
borderBoxWidth
(rounded)=>offsetHeight
borderBoxHeight
(rounded)=>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) - Whyel.getBounding
ClientRect()
when previously clientWidth
was referring to paddingBox?=>window.getComputedStyles(el)
el.getComputedStyles()
(Why on the window?)