box size

gistfile1.js

function boxSize($el) {

	var box = {};
	box.width = $el.width();
	box.height = $el.height();

	_.forEach(['margin', 'padding'], function (prop) {
		box[prop] = {};

		_.forEach(['top','left','bottom','right'], function (dir) {
			box[prop][dir] = parseInt($el.css(prop + '-' + dir));
		});
	});

	box.outerWidth = box.width + box.margin.right + box.margin.left + box.padding.left + box.padding.right;
	box.outerHeight = box.height + box.margin.top + box.margin.bottom + box.padding.top + box.padding.bottom;

	return box;
}