Source code

Revision control

Copy as Markdown

Other Tools

Test Info:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<head>
<title>CSS Test: no mixed rgba() values</title>
<link rel="author" title="L. David Baron" href="https://dbaron.org/" />
<link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
<link rel="help" href="http://www.w3.org/TR/css3-color/#rgba-color" />
<link rel="match" href="t422-rgba-func-no-mixed-f-ref.html" />
<meta name="flags" content="invalid" />
<meta name="assert" content="Test that rgba() values are only accepted when all integers or all percentages." />
<style type="text/css"><![CDATA[
p { color: green; }
p { color: rgba(255, 0, 0%, 1.0); }
p { color: rgba(100%, 0%, 0, 1.0); }
p { color: rgba(100%, 1, 0, 1.0); }
p { color: rgba(255, 1%, 0%, 1.0); }
p { color: rgba(99%, 0%, 0, 1.0); }
p { color: rgba(0%, 0, 0%, 1.0); }
p { color: rgba(0, 0%, 0%, 1.0); }
p { color: rgba(254, 255%, 0, 1.0); }
]]></style>
</head>
<body>
<p>This text should be green.</p>
<div>Note: the rules tested by this test may be changed in
future levels of the CSS Color Module.</div>
</body>
</html>