Blitz - WPT: list-type-none-style-image.html

wpt / css / css-lists / list-type-none-style-image.html

/css/css-lists/list-type-none-style-image.html

<!DOCTYPE html>
<html>
  <head>
    <title>CSS Lists: 'list-style-image' takes precedence over 'list-style-type: none'</title>
    <link rel="author" title="Emil A Eklund" href="mailto:eae@chromium.org">
    <link rel="help" href="https://www.w3.org/TR/CSS2/generate.html#propdef-list-style-image">
    <link rel="match" href="list-type-none-style-image-ref.html">
    <style>
      ul {
        list-style-type: none;
      }
      li {
        list-style-image: url('../../images/green-16x16.png');
      }
    </style>
  </head>
  <body>
    <ul>
      <li>Should have a green square list marker.</li>
    </ul>
  </body>
</html>

/css/css-lists/list-type-none-style-image-ref.html

<!DOCTYPE html>
<html>
  <head>
    <title>Reference: CSS Lists: 'list-style-image' takes precedence over 'list-style-type: none'</title>
    <link rel="author" title="Emil A Eklund" href="mailto:eae@chromium.org">
    <style>
      li {
        list-style-image: url('../../images/green-16x16.png');
      }
      ::marker {
        font-family: inherit;
      }
    </style>
  </head>
  <body>
    <ul>
      <li>Should have a green square list marker.</li>
    </ul>
  </body>
</html>