Comment obtenir toutes les propriétés CSS prises en charge dans WebKit?

Question

Dans Firefox, Opera et IE je peux les obtenir via:

>> for (k in document.body.style) console.log(k) 
-> opacity 
    background 
    height 
    textAlign 
    . 
    ... long list ... 
    . 
    pointerEvents

En WebKit le résultat est tout à fait différent:

>> for (k in document.body.style) console.log(k) 
-> cssText 
    length 
    parentRule 
    getPropertyValue 
    getPropertyCSSValue 
    removeProperty 
    getPropertyPriority 
    setProperty 
    item 
    getPropertyShorthand 
    isPropertyImplicit

---

Mise à jour: dernière WebKit does enumerate over CSS properties in HTMLElement.style même tous les plus les navigateurs font.

Answer 1

La réponse est

>> document.defaultView.getComputedStyle(document.body, '') 
-> CSSStyleDeclaration 
    0: "background-attachment" 
    1: "background-clip" 
    2: "background-color" 
    3: "background-image" 
    4: "background-origin" 
    5: "background-position" 
    6: "background-repeat" 
    7: "background-size" 
    8: "border-bottom-color" 
    9: "border-bottom-left-radius" 
    ...

Merci à Anton Byrna pour son solution.

---

Un problème reste: getComputedStyle() ne retourne pas de raccourcis comme background et border.

Answer 2

Je ne suis pas sûr de l'accès Javascript, mais vous pouvez rechercher toutes les propriétés supportées (même les propriétaires) ici: CSS property names.