Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 12.02.2012, 12:27
Профессор
Отправить личное сообщение для demoniqus Посмотреть профиль Найти все сообщения от demoniqus
 
Регистрация: 28.05.2008
Сообщений: 182

получение значения css-свойств
Имеется страница. На ней есть к примеру картинка, расположенная на глубине нескольких контейнеров. Мне необходимо получить толщину границы всех этих родительских контейнеров. Для IE подходит
prnt.currentStyle.borderWidth

Для остальных вроде как должно срабатывать
Number(document.defaultView.getComputedStyle(prnt, null).getPropertyValue('border-left-width').replace(/[^\d+]/g, "")) + Number(document.defaultView.getComputedStyle(prnt, null).getPropertyValue('border-right-width').replace(/[^\d+]/g, ""))

Но тут и получается загвоздка:
для одного из контейнеров я для теста установил ширину через border-width (без указания левый-правый) 50рх, для второго 5 рх, для третьего 1рх. Пробую на двух браузерах:
Google Chrome: для значения 50рх выдает результат 100рх (т.е. как его и просили, сложил левую и правую границы), для 5рх - результат 10рх, для 1рх - результат 2рх.
Firefox: для значения 50рх выдает результат 50рх (т.е. почему-то он взял лишь половину толщины), для 5рх - результат 5рх (что интересно, для левой границы отдельно он показывал 2рх, а сумму выдал 5рх), для 1рх - результат 1рх.
Визуально в обоих браузерах границы выглядят одинаковой толщины. В чем здесь прикол?
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Задание Css свойств по средствам Jquery IONEX jQuery 5 09.01.2012 16:00
получение значений свойств объекта bear9 Общие вопросы Javascript 3 01.12.2011 23:32
Получение значения из двух групп radio button kristalmen Элементы интерфейса 2 21.11.2011 23:13
получение значения из классов karmis Events/DOM/Window 1 14.10.2011 19:09
Определение свойств стиля в javascript, если в CSS он задан особым образом SunnyDay Общие вопросы Javascript 13 13.03.2010 19:09