Если свойство задано непосредственно стилем в элементе, то можно, а если описано во внешней таблице стилей, то нет.
Например, имеем:
Код:
<div id="some_div" style="margin-left:20px">
Loren ipsum...
</div>
Тогда можем написать такой скрипт:
Код:
// получаем ссылку на нужный элемент
var element = document.getElementById("some_div");
// получаем строку, содержащую значение стиля margin-left
var margin_left = element.style.marginLeft;
Как видите в имени CSS свойства нет дефиса, а второе слово написано с прописной буквы, то есть:
Код:
CSS:
margin-left
javascript:
marginLeft
Если такой стиль не прописан непосредственно в элементе, получим значение undefined (не определено).
Однако, переопределить CSS стиль, описанный во внешней таблице стилей таким образом возможно.
Например:
Внешняя CSS
Код:
#some_div {margin-left: 40px;}
HTML:
Код:
<div id="some_div">
Loren ipsum...
</div>
Следующий скрипт установит новое значение margin-left для блока:
Код:
// получаем ссылку на нужный элемент
var element = document.getElementById("some_div");
// устанавливаем новое значение стиля margin-left
element.style.marginLeft = "20px";
Обратите внимание, что значение в кавычках, так как это - строка!
А вот jQuery определяет значения CSS свойства независимо от того, где оно задано:
Код:
var margin_left = $("#some_div").css("margin-left");
Обратите внимание, что имя CSS свойства здесь пишется как в CSS, а не как в javascript.