2012-03-29 91 views
-1

我在寫一個使用css3轉換的小應用程序。我想使用element.style屬性直接通過javascript設置轉換的值。基於我發現的代碼here我想知道我在哪裏可以找到一個列表,顯示如何命名css3屬性作爲javascript屬性。 f.e .: -moz-box-shadow變成MozBoxShadow。可能這個列表不存在,因爲我只需要用大寫字母后面的字母來替換所有的連字符,但是我想確定是這種情況。 有人知道嗎?與其對應的javascript對象的css3屬性列表

編輯::

所以,僅僅是因爲我需要的任何類型的工作液我寫了這個小功能,在IE9的作品,FF,Safari和Chrome:

var cssprops = (function(){ 

    var prefixes = [ "", "-ms-", "-webkit-", "-moz-", "-o-" ]; 
    var properties = [ "transform", "transform-origin" ]; 
    var finder = /-(\w)/ig; 
    var str, pre, result; 
    var root = document.documentElement; 
    var result = {}; 

    for(var i = 0; i < prefixes.length; i++){ 
     pre = prefixes[ i ]; 
     for(var j = 0; j < properties.length; j++){ 
      if($.browser.msie){ 
       str = pre.replace(/-/i, ""); 
       str += properties[ j ]; 
      } else { 
       str = pre + properties[ j ]; 
      } 

      str = str.replace(finder, function(w){ 
       return w.replace(/-/i, "").toUpperCase(); 
      }); 

      if(typeof root.style[ str ] !== "undefined" && 
       !result.hasOwnProperty(properties[ j ])){ 
       result[ properties[ j ] ] = str; 
      } 
     } 
    } 
    return result; 
})(); 

我還沒有嘗試過其他任何因爲這次我不需要它們,但是如果事實證明這將適用於整個列表,我很樂意收到通知。

問候......

回答

0

你在找什麼是CSS屬性供應商前綴,供應商前綴的濫用是一個不好的做法,它不是建議。如果你想知道爲什麼這裏是post explaining it。此外,here是您正在尋找與list前綴。

相關問題