<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>Resource Timing initiator type: style</title>
<link rel="author" title="Google" href="http://www.google.com/" />
<link rel="help" href="https://www.w3.org/TR/resource-timing-2/#dom-performanceresourcetiming-initiatortype"/>
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<script src="/resource-timing/resources/observe-entry.js"></script>
<script src="resources/initiator-type-test.js"></script>
</head>
<body>
<style>
  iframe {
    background: url('/resource-timing/resources/blue.png?id=background');
  }
  body {
    cursor: url('/resource-timing/resources/blue.png?id=cursor'), pointer;
  }
  ul {
    list-style-image: url('/resource-timing/resources/blue.png?id=list-style');
  }

  @font-face {
    font-family: remoteFontAhem;
    src: url('/fonts/Ahem.ttf');
  }
  .ahem {
    font-family: remoteFontAhem;
  }
</style>
<iframe>This iframe forces the 'background' resource to be fetched.</iframe>
<ul>
  <li>This content forces the 'list-style-image' resource to be fetched.</li>
</ul>
<div class="ahem">This content forces the '@font-face' resource to be fetched.</div>
<script>
  initiator_type_test("blue.png?id=background", "css", "'background' attributes in <style> elements");
  initiator_type_test("blue.png?id=cursor", "css", "'cursor' attributes in <style> elements");
  initiator_type_test("blue.png?id=list-style", "css", "'list-style-image' attributes in <style> elements");
  initiator_type_test("fonts/Ahem.ttf", "css", "'@font-face' resources");
</script>
</body>
</html>
