Как получить ширину границы элемента в IE7 с помощью jQuery?

Я пытаюсь получить ширину границы элемента с $('#foo').css('border-width-bottom'), но в IE7 это возвращает medium, а не число или даже строку с числом в ней (ie 7px).

Есть ли способ получить ширину границы элемента в пикселях в IE7? Я знаю, что могу обмануть и сопоставить строки с их пиксельными эквивалентами, но есть ли более чистый способ сделать это?

Update: я знаю, что если вы явно устанавливаете границу в пикселях, она вернет правильное значение, но что, если это устанавливается на "средний"? Мне нужна ширина в пикселях, а не значение свойства border-width.

1 2
css jquery internet-explorer-7

1 ответ:

border-bottom-width отлично работает в IE7, вот скрипка: http://jsfiddle.net/2P7cn/ 

$(function(){
   alert($("#test").css("border-bottom-width")); 
});

Edit: значения "medium / thick/thin" зависят от браузера. С помощью некоторой хитрости (outerHeight-height-padding) вы можете вычислить сумму высоты границы и вычесть известную (или разделить на 2, если они оба средние).

4