<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"><head>
    <title>CSS Test: Invalid inline and presentation attribute styles on an SVG element</title>
    <link href="mailto:rhauck@adobe.com" rel="author" title="Rebecca Hauck" />
    <link href="http://www.w3.org/TR/css-transforms-1/#svg-transform" rel="help" />
    <link href="http://www.w3.org/TR/css-transforms-1/#transform-attribute-specificity" rel="help" />
    <link href="reference/svg-inline-styles-ref.xht" rel="match" />
    <meta content="svg" name="flags" />
    <meta content="When both the inline and presentation attribute styles are invalid, no transform should be applied. The rect in the test should not be scaled down or flipped" name="assert" />
    <style type="text/css">
    svg {
        height: 300px;
        width: 300px;
    }
    </style>
</head>
<body>
    <p>The test passes if there is a vertical green stripe to the left of a yellow vertical stripe. You should see no red.</p>
    <svg xmlns="http://www.w3.org/2000/svg">
        <!-- Fill with Gradient to avoid false positive. -->
        <defs>
            <linearGradient id="grad">
                <stop stop-color="green" offset="50%"></stop>
                <stop stop-color="yellow" offset="50%"></stop>
            </linearGradient>
        </defs>
        <rect y="1" width="98" fill="red" x="1" height="98"></rect>
        <rect width="100" style="transform: scale(invalid)" fill="url(#grad)" transform="scale(invalid)" height="100"></rect>
    </svg>


</body></html>