SOURCE

let c = document.querySelector('.c');
            console.log(c.clientWidth);
            console.log(c.clientHeight);
            // clientHeight 返回自身,包括padding,内容区域, 不含边框border,返回数值不带单位
            // clientWidth 返回自身,包括padding,内容区域, 不含边框border,返回数值不带单位
            console.log(c.clientLeft, c.clientTop);

<div class="c"></div>

.c{
    width: 200px;
    height: 200px;
    background-color: red;
    border: 20px solid blue;
    padding: 10px;
}