border-width を取得／設定するときに気をつけること

以下のような a要素に囲まれたimg要素はスタイル(CSS)を指定しないとブラウザによっては 2px の border が付けられることがある。 例) <a href="#"><img src="image.jpg"/></a> この img 要素の border-width を jQuery で取得し、違いを見てみる。 スタイル(CSS)での border 指定がない場合(defaultの状態)img 要素の border-width を取得する alert($('a > img').css('border-width')); 取得結果

[blanc2005]

border:none; の時、IE8 ではborder-widthが「medium」...なんと！

[ichirop]

jqueryでborderを取得するときにはまりがち

[kobapan]

そんな！jQuery で border-width を取得する場合、 「border-(top|right|bottom|left)-width」から値を得ること。