मैं वेबकिट में सभी समर्थित सीएसएस गुण कैसे प्राप्त करूं?

Question

फ़ायरफ़ॉक्स, ओपेरा और IE में मैं उन्हें के माध्यम से प्राप्त कर सकते हैं:

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

---

अपडेट:: नवीनतम WebKit does enumerate over CSS properties in HTMLElement.style उसी तरह सब कुछ खत्म हो

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

वेबकिट में परिणाम काफी अलग है ब्राउज़र करते हैं।

Answer 1

जवाब

>> 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" 
    ...

उसकी solution के लिए एंटोन Byrna के लिए धन्यवाद है।

---

एक समस्या अभी भी बनी हुई है: getComputedStyle()background और border तरह शॉर्टकट वापस नहीं करता है।

Answer 2

मुझे जावास्क्रिप्ट एक्सेस के बारे में निश्चित नहीं है, लेकिन आप यहां सभी समर्थित गुण (यहां तक ​​कि स्वामित्व) देख सकते हैं: CSS property names।