jQuery- .css()不适用于输入

Question

这应该是一个非常简单的问题,但我无法弄清楚我做错了什么.我试图像这样访问CSS属性'border-bottom':

var temp = $('#divName').css('border-bottom');

不幸的是,在此之后,temp包含字符串 ""

有谁知道为什么这不起作用或我应该做些什么以使其功能？谢谢.

Answer 1

风格必须更具体.由于border-bottom是其他属性的短属性(类似于background命名常见属性),因此必须明确给出属性.

var elem = $('#divName');
var border_width = elem.css('border-bottom-width');
var border_color = elem.css('border-bottom-color');
var border_style = elem.css('border-bottom-style');
var border_bottom = border_width + " " + border_color + " " + border_style;

小提琴:http://jsfiddle.net/6wRj4/
另见:MDN:border-bottom简写.