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

Question

我有这个div：

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

但是当我尝试获取边框半径的值时，它总是返回 0px，如何获得这两个值？

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

Answer 1

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

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

小提琴

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;