CSSOM and Style Attr

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title>Testing CSSOM</title>
  <style>
    .test {
        outline: varpx solid somethingcrazy;
        background: superlongwordthatisnotvalid;
    }
  </style>
</head>
<body>
  <div class="test" style="background: superlongwordthatisnotvalid">Testing</div>
  <script>
    (function () {

        var el = document.querySelector( "div" );
        var storedInStyle = el.getAttribute( "style" );
        var bgCSSOM = document.styleSheets[0].cssRules[0].style.background;
        var outlineCSSOM = document.styleSheets[0].cssRules[0].style.outline;

        console.log("Background in CSSOM: " + bgCSSOM);
        console.log("Outline in CSSOM: " + outlineCSSOM);
        console.log("Style Attr: " + storedInStyle);

    }());
  </script>
</body>
</html>