paint-order-01.svg

Enable keyboard shortcuts

Checkerboard

<!--

     Any copyright is dedicated to the Public Domain.

     http://creativecommons.org/publicdomain/zero/1.0/

-->

<svg xmlns="http://www.w3.org/2000/svg">

  <title>Test that the paint-order property works</title>

  <!-- https://bugzilla.mozilla.org/show_bug.cgi?id=828805 -->

  <g fill="gold" stroke="black" stroke-width="8">

    <circle cx="50" cy="50" r="20"/>

    <circle cx="50" cy="100" r="20" style="paint-order: stroke fill markers"/>

    <circle cx="50" cy="150" r="20" paint-order="stroke fill markers"/>

    <circle cx="50" cy="200" r="20" paint-order="stroke markers fill"/>

    <circle cx="50" cy="250" r="20" paint-order="stroke fill"/>

    <circle cx="50" cy="300" r="20" paint-order="stroke"/>

    <circle cx="50" cy="350" r="20" paint-order="normal"/>

  </g>

</svg>