<p style="font-size:small;">Content-Length: 2100 | <a href="http://akroncuttingedge.com/pFad/index.php?u=" style="font-size:small;">pFad</a> | <a href="https://github.com/web-platform-tests/wpt/raw/refs/heads/master/css/css-values/rgba-011.html" style="font-size:small;">https://github.com/web-platform-tests/wpt/raw/refs/heads/master/css/css-values/rgba-011.html</a></p>th: 1854
<!DOCTYPE html>
<meta charset="UTF-8">
<title>CSS Values and Units Test: rgba() function syntax (complex)</title>
<link rel="author" title="Gérard Talbot" href="http://akroncuttingedge.com/pFad/index.php?u=http%3A%2F%2Fwww.gtalbot.org%2FBrowserBugsSection%2Fcss21testsuite%2F">
<link rel="help" href="http://akroncuttingedge.com/pFad/index.php?u=https%3A%2F%2Fwww.w3.org%2FTR%2Fcss-color-3%2F%23rgba-color">
<link rel="help" href="http://akroncuttingedge.com/pFad/index.php?u=https%3A%2F%2Fwww.w3.org%2FTR%2Fcss-color-4%2F%23rgb-functions">
<link rel="help" href="http://akroncuttingedge.com/pFad/index.php?u=https%3A%2F%2Fwww.w3.org%2FTR%2Fcss-values-4%2F%23combine-integers">
<meta name="assert" content="This test checks the syntax allowed by rgba() function. White space characters, instead of commas, are allowed between numerical values. <alpha-value> can be omitted for rgba() function, in which case it must defaults to 100%. Finally, rgba() function can take real numbers but their computed values will be rounded to the nearest integer, with values halfway between adjacent integers rounded towards positive infinity.">
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<div id="log"></div>
<div id="target"></div>
<script>
function startTesting()
{
var targetElement = document.getElementById("target");
function compareValue(property_name, calcValue, expectedValue, description)
{
test(function()
{
targetElement.style.setProperty(property_name, calcValue);
var computedCalcValue = getComputedStyle(targetElement)[property_name];
targetElement.style.setProperty(property_name, expectedValue);
var computedExpectedValue = getComputedStyle(targetElement)[property_name];
assert_equals(computedCalcValue, computedExpectedValue);
}, description);
}
compareValue("background-color", "rgba(0.4 127.5 0.3)", "rgb(0, 128, 0)", "testing background-color: rgba(0.4 127.5 0.3)");
}
startTesting();
</script>
<!-- URL input box at the bottom -->
<form method="GET" action="">
<label for="targeturl-bottom"><b>Enter URL:</b></label>
<input type="text" id="targeturl-bottom" name="u" value="https://github.com/web-platform-tests/wpt/raw/refs/heads/master/css/css-values/rgba-011.html" required><br><small>
<label for="useWeserv-bottom">Disable Weserv Image Reduction:</label>
<input type="checkbox" id="useWeserv-bottom" name="useWeserv" value="false"><br>
<label for="stripJS-bottom">Strip JavaScript:</label>
<input type="checkbox" id="stripJS-bottom" name="stripJS" value="true"><br>
<label for="stripImages-bottom">Strip Images:</label>
<input type="checkbox" id="stripImages-bottom" name="stripImages" value="true"><br>
<label for="stripFnts-bottom">Stripout Font Forcing:</label>
<input type="checkbox" id="stripFnts-bottom" name="stripFnts" value="true"><br>
<label for="stripCSS-bottom">Strip CSS:</label>
<input type="checkbox" id="stripCSS-bottom" name="stripCSS" value="true"><br>
<label for="stripVideos-bottom">Strip Videos:</label>
<input type="checkbox" id="stripVideos-bottom" name="stripVideos" value="true"><br>
<label for="removeMenus-bottom">Remove Headers and Menus:</label>
<input type="checkbox" id="removeMenus-bottom" name="removeMenus" value="true"><br></small>
<!-- New form elements Sandwich Strip -->
<label for="start"><small>Remove from after:</label>
<input type="text" id="start" name="start" value="<body>">
<label for="end"><small>to before:</label>
<input type="text" id="end" name="end">
<input type="checkbox" id="applySandwichStrip" name="applySandwichStrip" value="1" onclick="submitForm()"> ApplySandwichStrip<br></small>
<button type="submit">Fetch</button>
</form><!-- Header banner at the bottom -->
<p><h1><a href="http://akroncuttingedge.com/pFad/index.php?u=" title="pFad">pFad - (p)hone/(F)rame/(a)nonymizer/(d)eclutterfier! <i>Saves Data!</i></a></h1><br><em>--- a PPN by Garber Painting Akron. <b> With Image Size Reduction </b>included!</em></p><p>Fetched URL: <a href="https://github.com/web-platform-tests/wpt/raw/refs/heads/master/css/css-values/rgba-011.html" target="_blank">https://github.com/web-platform-tests/wpt/raw/refs/heads/master/css/css-values/rgba-011.html</a></p><p>Alternative Proxies:</p><p><a href="http://akroncuttingedge.com/php-proxy/index.php?q=https://github.com/web-platform-tests/wpt/raw/refs/heads/master/css/css-values/rgba-011.html" target="_blank">Alternative Proxy</a></p><p><a href="http://akroncuttingedge.com/pFad/index.php?u=https://github.com/web-platform-tests/wpt/raw/refs/heads/master/css/css-values/rgba-011.html&useWeserv=true" target="_blank">pFad Proxy</a></p><p><a href="http://akroncuttingedge.com/pFad/v3index.php?u=https://github.com/web-platform-tests/wpt/raw/refs/heads/master/css/css-values/rgba-011.html&useWeserv=true" target="_blank">pFad v3 Proxy</a></p><p><a href="http://akroncuttingedge.com/pFad/v4index.php?u=https://github.com/web-platform-tests/wpt/raw/refs/heads/master/css/css-values/rgba-011.html&useWeserv=true" target="_blank">pFad v4 Proxy</a></p>