JaveScript&jQuery Box Width/Height

margin: 32px 24px;
padding: 12px 18px;
width: 150px;
height: 150px;
border: 4px solid #ccc;
取得方法 幅(px) 高さ(px) 対応環境
$('#box').width()
$('#box').height()
$('#box').innerWidth()
$('#box').innerHeight()
$('#box').outerWidth()
$('#box').outerHeight()
var element = document.getElementById( "box" );
element.width
element.height
element.innerWidth
element.innerHeight
element.outerWidth
element.outerHeight
element.clientWidth
element.clientHeight
element.style.width
element.style.height
var style = getComputedStyle( element, '' );
style.width
style.height