jQuery CSS borderWidth

I'm unable to get the border width of an element. I tried the fol开发者_开发百科lowing but it shows empty results. Check http://jsfiddle.net/s7YAN/14/

$('div').css('borderWidth');

borderWidth is syntactic sugar for setting each border's width independently. You can't assume that every border's width is the same, so you need to ask for a specific border's width.

$("div").css("borderTopWidth");

For border-width, you need to specify the side of the border. borderWidth/border-width is a shortcut for all of the border-width's at once.

$( function() {
    alert($('div').css("border-top-width"));
});

http://jsfiddle.net/ZsSmp/

Also, you need to specify more than a border width for it to be valid. Just specifying a border-width does not make a border. It needs a color and style, too:

border: 2px solid black;

The problem is you don't define the border-style in your CSS, so it's default to none, whose width is 0px.

Also, you should specify which border (left, top) for border-width is just a shortcut for all borders.