如何在jquery中获取具有多个值的样式属性？

Question

我有这个div：

#centerFrame { background-color:#888; height:100px; width:100px; }
<div id="centerFrame" style="border-top-left-radius: 25px 0px;"></div>

但是当我尝试获取border radius的值时，它总是返回0px，我怎样才能得到这两个值？

console.log($("#centerFrame").css("border-top-left-radius"));
>0px

Answer 1

普通JS似乎可以解决这个问题：

document.getElementById('centerFrame').style.borderTopLeftRadius;

FIDDLE

Answer 2

0px对于水平/垂直半径组件而言不是有意义的值，因此浏览器以不同方式解释整个属性。 0px半径组件究竟是什么样的，如果与0px的整体半径不相同？

反示例：

<div id="centerFrame" style="border-top-left-radius: 25px 5px;"></div>

http://jsfiddle.net/mattball/cCYAe/

Answer 3

我认为正确的答案是其中一个而不离开jquery上下文，因为其中任何一个都获得计算样式但属性值：

$("#centerFrame").prop("style")["border-top-left-radius"];

或

$("#centerFrame").get(0).style.borderTopLeftRadius;