function getStyleProp(elem, prop) {
  if (window.getComputedStyle) {
    return window.getComputedStyle(elem, null).getPropertyValue(prop);
  } else if (elem.currentStyle) {
    return elem.currentStyle[prop]; // IE
  }
}
window.onload = function () {
  var d = document.createElement("div"); // Create div
  d.className = "layout"; // Set class = "layout"
  alert(getStyleProp(d, "color")); // Get property value
};

वैकल्पिक रूप से, यदि आप किसी इनलाइन शैलियों पर विचार किए बिना स्टाइलशीट से विरासत में मिली सीएसएस संपत्ति को निर्धारित करना चाहते हैं, तो निम्न फ़ंक्शन का उपयोग किया जा सकता है:

function getNonInlineStyle(elem, prop) {
  var style = elem.cssText; // Cache the inline style
  elem.cssText = ""; // Remove all inline styles
  var inheritedPropValue = getStyleProp(elem, prop); // Get inherited value
  elem.cssText = style; // Add the inline style back
  return inheritedPropValue;
}

इन तकनीकों का लाभ उठाकर, डेवलपर्स तत्वों के सीएसएस गुणों को गतिशील रूप से समायोजित कर सकते हैं, उनकी प्रस्तुति में हेरफेर कर सकते हैं, और पृष्ठ की शैली की गहरी समझ हासिल कर सकते हैं।