<!-- 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 --> <linearGradient id="gold"> <stop stop-color="gold"/> </linearGradient> <linearGradient id="black"> <stop stop-color="black"/> </linearGradient> <g fill="url(#gold)" stroke="url(#black)" stroke-width="8" paint-order="stroke"> <ellipse cx="50" cy="50" rx="40" ry="20"/> <path d="M 50,100 h 40 v 30 z"/> <polygon points="50,150 90,150 90,180"/> <polyline points="50,200 90,200 90,230"/> <rect x="50" y="250" width="80" height="30" r="16"/> <text x="50" y="350" font-size="80" stroke-width="4">hello <tspan paint-order="normal">there</tspan></text> </g> </svg>