JS Element Size
Blah blah blah blah blah blah blah blah blah blah blahblah blah blah blah blah blah blah blah blah blahblah blah blah blah blah blah blah blah blahblah blah blah blah blah blah blah blah blah blah
Blah blah blah blah blah blah blah blah blah blah blahblah blah blah blah blah blah blah blah blah blahblah blah blah blah blah blah blah blah blahblah blah blah blah blah blah blah blah blah blah
Blah blah blah blah blah blah blah blah blah blah blahblah blah blah blah blah blah blah blah blah blahblah blah blah blah blah blah blah blah blahblah blah blah blah blah blah blah blah blah blah
Blah blah blah blah blah blah blah blah blah blah blahblah blah blah blah blah blah blah blah blah blahblah blah blah blah blah blah blah blah blahblah blah blah blah blah blah blah blah blah blah
Content size (Included padding)
Content size (Included overflow area, Excluded padding)
Content size (Incldued border, padding and scrollbar)
HTML Sample
<div id='box'>Blah blah blah...</div>
<style>
#box
height: 100px;
padding: 20px;
border: 20px solid white;
overflow: auto;
}
</style>
<script>
const box = document.getElementById('box')
console.log(box.clientWidth)
console.log(box.clientHeight)
</script>