2014-02-06 82 views
0

我最初在使用jQuery css方法時注意到了這兩項工作,並認爲它與jQuery有關,但後來我意識到它們都是(顯然)是同一CSS屬性的有效別名。CSS別名:marginTop vs margin-top?

那是什麼?我無法在任何地方找到它。每個網站都只提到一個或另一個,沒有人討論它有兩個名字。

我還沒有測試過,但我會假設它對於其他三個邊緣的工作方式相同。這就打開了許多不同CSS屬性具有別名的可能性。這是真的嗎?如果是這樣,對於各種別名可能有什麼樣的參考?

注意:在jQuery中使用'margin-top'時,它必須格式化爲一個字符串,而不是符號,因爲連字符a.k.a.只是使用引號。

+0

CSS中沒有別名。 CSS屬性在JavaScript中以* camelCase *格式編寫,可用作屬性。 –

+0

jQuery只是委託給每個元素的'style'屬性。 'style'使用所有的camelCase屬性,因爲'el.style [「margin-top」]'看起來不太好。 jQuery自動將你的轉換從'foo-bar'轉換爲'fooBar'(根據需要加上廠商前綴)。 – Ryan

回答

2

從jQuery documentation

此外,jQuery的同樣可以解釋CSS和多字的屬性DOM格式。例如,jQuery可以理解並返回.css(「background-color」)和.css(「backgroundColor」)的正確值。

margin-top是CSS語法,marginTop是DOM語法。

+0

只是一個附錄:Javascript不允許在變量中使用連字符,所以'style.margin-top'是無效的。 Javascript必須將其稱爲'marginTop' – helion3

+0

它並不適用,它可以作爲style [「margin-top」]來完成。但這顯然是差異的動機。 – Barmar

相關問題