CODEWITHSUNDEEP
jqueryborder
Pinkie
Pinkie

Reputation: 10246

jQuery CSS borderWidth

I'm unable to get the border width of an element. I tried the following but it shows empty results. Check http://jsfiddle.net/s7YAN/14/

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

Upvotes: 6

Views: 13827

Answers (3)

ariel
ariel

Reputation: 16150

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.

Upvotes: 3

Jeff B
Jeff B

Reputation: 30099

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;

Upvotes: 6

jacobangel
jacobangel

Reputation: 6996

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");

Upvotes: 11

Related Questions