Can jquery read margins

by Ben Clayton

HTML

<div id="testmargin"></div>

CSS

.margin-left { margin-left:10px;}
.margin-right-narrow {margin-right:5px;}

.margin-all-20px {margin:20px;}


#testmargin {width:0;padding:0px;}

JavaScript

console.log("Width", $("#testmargin").width() ) ;
console.log("OuterWidth", $("#testmargin").outerWidth(true) ) ;

$("#testmargin").addClass("margin-all-20px margin-left");

console.log("Width", $("#testmargin").width() ) ;
console.log("OuterWidth", $("#testmargin").outerWidth(true) ) ;
console.log("Margin Left", $("#testmargin").css('margin-left') ) ;
console.log("Margin Right", $("#testmargin").css('margin-right') ) ;