1 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
2 <html>
3 <head>
4 <title>CSS Test: hsla()</title>
5 <link rel="author" title="L. David Baron" href="https://dbaron.org/">
6 <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/">
7 <link rel="help" href="http://www.w3.org/TR/css3-color/#hsla-color">
8 <link rel="match" href="reference/t424-hsl-parsing-f-ref.htm">
9 <meta name="flags" content="invalid">
10 <meta name="assert" content="Test rules for parsing of hsla() colors.">
11 <style type="text/css">
12 html, body { background: white; }
13 p { color: hsla(120, 100%, 25%, 1.0); }
14 p { color: hsla(0, 100%, 25%); }
15 p { color: hsla(0, 100%, 25%, 1.0, 1.0); }
16 p { color: hsla(0, 100%, 25%, 1.0,); }
17 p { color: hsla(0, 255, 128, 1.0); }
18 p { color: hsla(0%, 100%, 50%, 1.0); }
19 p { color: hsla(0, 100%, 50%, 1%); }
20 p { color: hsla(0, 100%, 50%, 0%); }
21 p { color: hsla(0deg, 100%, 50%, 1.0); }
22 p { color: hsla(0px, 100%, 50%, 1.0); }
23 </style>
24 </head>
25 <body>
26 <p>This text should be dark green.</p>
27
28 <div>Note: the rules tested by this test may be changed in
29 future levels of the CSS Color Module.</div>
30 </body>
31 </html>