CSS: почему настройка margin-top работает только в Webkit?

Question

Вот тестовый пример / живой пример. Краткое описание проблемы:

Это работает только в WebKit:

Y.one('#container').setStyle('margin-top', 100);

Это работает во всех браузерах:

Y.one('#container').setStyle('margin', 100);

Почему настройка поля наверху работает только в WebKit?

РЕДАКТИРОВАТЬ: исправление показано ниже в одном из ответов.Вы должны иметь marginTop здесь, и тогда это работает.Итак, отредактированный вопрос: ПОЧЕМУ вам нужен marginTop, а не margin-top в этом случае?

Answer 1

Если вы обращаетесь к свойству style, тогда применяется по стандартному верблюжьему делу. Так что если webkit поддерживает что-то вроде element.style["margin-top"], то это странно. Помните, что здесь вы не имеете дело напрямую с CSS, это просто промежуточный слой.

Вкратце - marginTop является частью интерфейса CSS2Properties, а margin-top - нет.

Некоторые библиотеки, как правило, преобразуют имена свойств автоматически, то есть прототип, который преобразует все дефиснизированные имена свойств в формы верблюдов, поэтому вам не нужно об этом беспокоиться.

Answer 2

Это должно быть marginTop, потому что вы не устанавливаете свойство CSS в файле CSS. Вы устанавливаете свойство marginTop объекта style. - является недопустимым символом для идентификатора.

Answer 3

Это работает для меня в Firefox:

<div id="nav">
<a href='#' onclick='document.getElementById("nav").style.marginTop="25px";'>test</a>
</div>