jQuery返回style属性的简写CSS

Question

当我尝试以下操作时，为什么jQuery会返回简写CSS：

alert($('#t1').attr('style'));

关于这个html：

<div id="t1" style="border-style: solid; border-width: 10px; border-color: red; height: 100px; width: 100px;">Hello</div>

它返回：

border: 10px solid red; height: 100px; width: 100px;

这在firefox中发生。不是铬。

如何准确获取样式属性的内容？

这是complete test。

Answer 1

你想做什么？很难看到你想要的东西。

那就是说，如果你使用纯粹的js会发生什么，比如

(function getStyles(){
    var styles = document.getElementById("t1").getAttribute("style");
    alert(styles);
})();

示例： http://jsfiddle.net/5UJwF/2/

Answer 2

仅仅为了澄清目的，结论是已经建议的 - 这是浏览器解释而不是jQuery解释。所以我已升级到FF 7.0，它似乎对我有用。