JSFiddle - React, Tailwind, and code Playground
HTML
<html>
<body>
<table id="plugin">
<tr>
<td>
<object width="300" height="200" data="data:application/x-silverlight," type="application/x-silverlight">
<param value="{CANNOT_USE_REMOTE_FILE}" name="source"/>
</object>
</td>
</tr>
</table>
<div id="rMargin"></div>
</body>
</html>
CSS
#plugin {
border: 5px solid black;
margin: 10px;
padding: 2px;
}
JavaScript
var rMargin = $('#plugin').css('margin-right');
$('#rMargin').text(rMargin);
// Possible fix
jQuery.cssHooks.marginRight = {get: function (elem, computed) {
var ret;
if(elem.nodeName.toLowerCase() === "table") {
ret = elem.style.marginRight;
} else {
jQuery.swap( elem, { "display": "inline-block" }, function() {
if ( computed ) {
ret = curCSS( elem, "margin-right", "marginRight" );
} else {
ret = elem.style.marginRight;
}
});
}
return ret;
}};