在Firefox14.0.1中使用jQuery获取CSS边框值

我在Firebug控制台中运行以下代码

$('img').css('border', 'solid 2px red').css('border');

红色图像边框出现，但返回空字符串，这是为什么

它在Chrome和Safari开发工具中运行良好

更新：jQuery文档说，获取CSS值时不支持速记属性。不过，我在Firefox中也尝试了以下几点，但都没有成功（都可以在Chrome和Safari中使用）

引用文档

不支持速记CSS属性（例如边距、背景、边框）。例如，如果要检索渲染的页边距，请使用：

$（elem）.css（'marginTop'）

和

$（elem）.css（'marginRight'）

，依此类推

对于的情况，需要使用

边框宽度

、

边框样式

和

边框颜色

相关属性

e、 g.

边框颜色

：

$('img').css('border-top-color', 'red').css('borderTopColor');
$('img').css('border-right-color', 'red').css('borderRightColor');
$('img').css('border-bottom-color', 'red').css('borderBottomColor');
$('img').css('border-left-color', 'red').css('borderLeftColor');

---

firefox中支持的属性：

'border-top-color'
'border-right-color'
'border-bottom-color'
'border-left-color'

'border-top-width'
'border-right-width'
'border-bottom-width'
'border-left-width'

'border-top-style'
'border-right-style'
'border-bottom-style'
'border-left-style'

得到支持的是长工：）干杯！享受

在大多数情况下，您仍然可以使用速记设置边界

如果你确定他们是一样的，那么做类似的事情

var borderString = $('img').css('border-top-width') + " " 
                 + $('img').css('border-top-style') + " " 
                 + $('img').css('border-top-color');

---

要获得像“

2px solid rgb（255255255）”这样的字符串

可能您正在尝试使用多个属性 使用以下语法

$（'img'）.css（{'border'：'solid 2px red'，'color'：'green'}）

Jquery中不支持速记属性

var objImage = $('img').css('border', 'solid 2px red');
objImage.css('border-top-color');
objImage.css('border-top-width');
objImage.css('border-top-style');

它不仅适用于

顶部

，还适用于

右侧

、

左侧

和

底部

这也是一个非工作代码：

objImage.css('border-style');

由于

border

，

margin

，CSS的

padding

属性可以单独编辑。如果

border top

与

border left

不同，浏览器可能会混淆，当您刚刚询问

border

，请尝试以下操作：

var border = $('img').css('border', '2px solid red')[0].style.border;

---

我也尝试了

$（'img'）.css（'border-style'，'solid'）.css（'border-style'）

和

$（'img'）.css（'borderStyle'，'solid'）.css（'borderStyle'，'solid'）.css（'border-style'））

，但在Firefox上也不起作用。我还尝试了

$（'img'）.css（'borderStyle'，'solid 2px-green'）.css（'borderStyle'））

边框样式

是一种速记also@Mike，它可以工作，检查你那里的属性类型。它是

边框顶部样式

而不是

边框顶部样式

很抱歉，我粘贴了Abody97中的代码，该代码现在已被删除。谢谢你的帮助！我应该更仔细地阅读它…我总是在Chrome上开发的错误！@EnesUnal只是为了确保

'border-color'

'border-style'

等也不受支持，检查另一条评论，他尝试了其中一条：）抱歉，如果这让你生气了。好的，我现在确定你的个性。祝你好运day@EnesUnal嘿，我现在才明白评论的意思：）我没有看到你的编辑，只是现在看到了，哇It’在你的评论之后，我正在编辑自己：）如果这再次让你生气，我很抱歉。：）好的，没问题。祝你有愉快的一天：）

var border = $('img').css('border', '2px solid red')[0].style.border;