https://github.com/web-platform-tests/wpt
Tip revision: 7cb0d28a36927eb21b7984a80c6629969634a1e2 authored by moz-wptsync-bot on 13 March 2018, 19:13:50 UTC
Performance.measure(name) should not throw if name is one of the readonly attribute of the Performance interface,
Performance.measure(name) should not throw if name is one of the readonly attribute of the Performance interface,
Tip revision: 7cb0d28
t425-hsla-values-b-ref.html
<!DOCTYPE html>
<meta charset="utf-8">
<title>CSS Reference</title>
<link rel="author" title="Intel" href="http://www.intel.com">
<style>
table { border-spacing: 0; padding: 0; border: none; }
td { border: none; padding: 0; }
td { width: 1.2em; height: 1.2em; }
</style>
<body>
<p>The following table should have three matching rows changing (in 5 steps) from red at the left to black at the right (plus a checkerboard at both ends to show where the rows are):</p>
<div style="background: black">
<table border="border">
<tr>
<td style="background: black"> </td>
<td style="background: rgb(100%, 0%, 0%)"> </td>
<td style="background: rgb(80%, 0%, 0%)"> </td>
<td style="background: rgb(60%, 0%, 0%)"> </td>
<td style="background: rgb(40%, 0%, 0%)"> </td>
<td style="background: rgb(20%, 0%, 0%)"> </td>
<td style="background: rgb(0%, 0%, 0%)"> </td>
<td style="background: white"> </td>
</tr>
<tr>
<td style="background: white"> </td>
<td style="background: rgb(100%, 0%, 0%)"> </td>
<td style="background: rgb(80%, 0%, 0%)"> </td>
<td style="background: rgb(60%, 0%, 0%)"> </td>
<td style="background: rgb(40%, 0%, 0%)"> </td>
<td style="background: rgb(20%, 0%, 0%)"> </td>
<td style="background: rgb(0%, 0%, 0%)"> </td>
<td style="background: black"> </td>
</tr>
<tr>
<td style="background: black"> </td>
<td style="background: rgb(100%, 0%, 0%)"> </td>
<td style="background: rgb(80%, 0%, 0%)"> </td>
<td style="background: rgb(60%, 0%, 0%)"> </td>
<td style="background: rgb(40%, 0%, 0%)"> </td>
<td style="background: rgb(20%, 0%, 0%)"> </td>
<td style="background: rgb(0%, 0%, 0%)"> </td>
<td style="background: white"> </td>
</tr>
</table>
</div>
<p>The following table should have three matching rows changing (in 5 steps) from red at the left to white at the right (plus a checkerboard at both ends to show where the rows are):</p>
<div style="background: white">
<table border="border">
<tr>
<td style="background: white"> </td>
<td style="background: rgb(100%, 0%, 0%)"> </td>
<td style="background: rgb(100%, 20%, 20%)"> </td>
<td style="background: rgb(100%, 40%, 40%)"> </td>
<td style="background: rgb(100%, 60%, 60%)"> </td>
<td style="background: rgb(100%, 80%, 80%)"> </td>
<td style="background: rgb(100%, 100%, 100%)"> </td>
<td style="background: black"> </td>
</tr>
<tr>
<td style="background: black"> </td>
<td style="background: rgb(100%, 0%, 0%)"> </td>
<td style="background: rgb(100%, 20%, 20%)"> </td>
<td style="background: rgb(100%, 40%, 40%)"> </td>
<td style="background: rgb(100%, 60%, 60%)"> </td>
<td style="background: rgb(100%, 80%, 80%)"> </td>
<td style="background: rgb(100%, 100%, 100%)"> </td>
<td style="background: white"> </td>
</tr>
<tr>
<td style="background: white"> </td>
<td style="background: rgb(100%, 0%, 0%)"> </td>
<td style="background: rgb(100%, 20%, 20%)"> </td>
<td style="background: rgb(100%, 40%, 40%)"> </td>
<td style="background: rgb(100%, 60%, 60%)"> </td>
<td style="background: rgb(100%, 80%, 80%)"> </td>
<td style="background: rgb(100%, 100%, 100%)"> </td>
<td style="background: black"> </td>
</tr>
</table>
</div>
<p>The following table should have three matching rows changing (in 5 steps) from yellow at the left to black at the right (plus a checkerboard at both ends to show where the rows are):</p>
<div style="background: black">
<table border="border">
<tr>
<td style="background: black"> </td>
<td style="background: rgb(100%, 100%, 0%)"> </td>
<td style="background: rgb(80%, 80%, 0%)"> </td>
<td style="background: rgb(60%, 60%, 0%)"> </td>
<td style="background: rgb(40%, 40%, 0%)"> </td>
<td style="background: rgb(20%, 20%, 0%)"> </td>
<td style="background: rgb(0%, 0%, 0%)"> </td>
<td style="background: white"> </td>
</tr>
<tr>
<td style="background: white"> </td>
<td style="background: rgb(100%, 100%, 0%)"> </td>
<td style="background: rgb(80%, 80%, 0%)"> </td>
<td style="background: rgb(60%, 60%, 0%)"> </td>
<td style="background: rgb(40%, 40%, 0%)"> </td>
<td style="background: rgb(20%, 20%, 0%)"> </td>
<td style="background: rgb(0%, 0%, 0%)"> </td>
<td style="background: black"> </td>
</tr>
<tr>
<td style="background: black"> </td>
<td style="background: rgb(100%, 100%, 0%)"> </td>
<td style="background: rgb(80%, 80%, 0%)"> </td>
<td style="background: rgb(60%, 60%, 0%)"> </td>
<td style="background: rgb(40%, 40%, 0%)"> </td>
<td style="background: rgb(20%, 20%, 0%)"> </td>
<td style="background: rgb(0%, 0%, 0%)"> </td>
<td style="background: white"> </td>
</tr>
</table>
</div>
<p>The following table should have three matching rows changing (in 5 steps) from yellow at the left to white at the right (plus a checkerboard at both ends to show where the rows are):</p>
<div style="background: white">
<table border="border">
<tr>
<td style="background: white"> </td>
<td style="background: rgb(100%, 100%, 0%)"> </td>
<td style="background: rgb(100%, 100%, 20%)"> </td>
<td style="background: rgb(100%, 100%, 40%)"> </td>
<td style="background: rgb(100%, 100%, 60%)"> </td>
<td style="background: rgb(100%, 100%, 80%)"> </td>
<td style="background: rgb(100%, 100%, 100%)"> </td>
<td style="background: black"> </td>
</tr>
<tr>
<td style="background: black"> </td>
<td style="background: rgb(100%, 100%, 0%)"> </td>
<td style="background: rgb(100%, 100%, 20%)"> </td>
<td style="background: rgb(100%, 100%, 40%)"> </td>
<td style="background: rgb(100%, 100%, 60%)"> </td>
<td style="background: rgb(100%, 100%, 80%)"> </td>
<td style="background: rgb(100%, 100%, 100%)"> </td>
<td style="background: white"> </td>
</tr>
<tr>
<td style="background: white"> </td>
<td style="background: rgb(100%, 100%, 0%)"> </td>
<td style="background: rgb(100%, 100%, 20%)"> </td>
<td style="background: rgb(100%, 100%, 40%)"> </td>
<td style="background: rgb(100%, 100%, 60%)"> </td>
<td style="background: rgb(100%, 100%, 80%)"> </td>
<td style="background: rgb(100%, 100%, 100%)"> </td>
<td style="background: black"> </td>
</tr>
</table>
</div>
<p>The following table should have three matching rows changing (in 5 steps) from green at the left to black at the right (plus a checkerboard at both ends to show where the rows are):</p>
<div style="background: black">
<table border="border">
<tr>
<td style="background: black"> </td>
<td style="background: rgb(0%, 100%, 0%)"> </td>
<td style="background: rgb(0%, 80%, 0%)"> </td>
<td style="background: rgb(0%, 60%, 0%)"> </td>
<td style="background: rgb(0%, 40%, 0%)"> </td>
<td style="background: rgb(0%, 20%, 0%)"> </td>
<td style="background: rgb(0%, 0%, 0%)"> </td>
<td style="background: white"> </td>
</tr>
<tr>
<td style="background: white"> </td>
<td style="background: rgb(0%, 100%, 0%)"> </td>
<td style="background: rgb(0%, 80%, 0%)"> </td>
<td style="background: rgb(0%, 60%, 0%)"> </td>
<td style="background: rgb(0%, 40%, 0%)"> </td>
<td style="background: rgb(0%, 20%, 0%)"> </td>
<td style="background: rgb(0%, 0%, 0%)"> </td>
<td style="background: black"> </td>
</tr>
<tr>
<td style="background: black"> </td>
<td style="background: rgb(0%, 100%, 0%)"> </td>
<td style="background: rgb(0%, 80%, 0%)"> </td>
<td style="background: rgb(0%, 60%, 0%)"> </td>
<td style="background: rgb(0%, 40%, 0%)"> </td>
<td style="background: rgb(0%, 20%, 0%)"> </td>
<td style="background: rgb(0%, 0%, 0%)"> </td>
<td style="background: white"> </td>
</tr>
</table>
</div>
<p>The following table should have three matching rows changing (in 5 steps) from green at the left to white at the right (plus a checkerboard at both ends to show where the rows are):</p>
<div style="background: white">
<table border="border">
<tr>
<td style="background: white"> </td>
<td style="background: rgb(0%, 100%, 0%)"> </td>
<td style="background: rgb(20%, 100%, 20%)"> </td>
<td style="background: rgb(40%, 100%, 40%)"> </td>
<td style="background: rgb(60%, 100%, 60%)"> </td>
<td style="background: rgb(80%, 100%, 80%)"> </td>
<td style="background: rgb(100%, 100%, 100%)"> </td>
<td style="background: black"> </td>
</tr>
<tr>
<td style="background: black"> </td>
<td style="background: rgb(0%, 100%, 0%)"> </td>
<td style="background: rgb(20%, 100%, 20%)"> </td>
<td style="background: rgb(40%, 100%, 40%)"> </td>
<td style="background: rgb(60%, 100%, 60%)"> </td>
<td style="background: rgb(80%, 100%, 80%)"> </td>
<td style="background: rgb(100%, 100%, 100%)"> </td>
<td style="background: white"> </td>
</tr>
<tr>
<td style="background: white"> </td>
<td style="background: rgb(0%, 100%, 0%)"> </td>
<td style="background: rgb(20%, 100%, 20%)"> </td>
<td style="background: rgb(40%, 100%, 40%)"> </td>
<td style="background: rgb(60%, 100%, 60%)"> </td>
<td style="background: rgb(80%, 100%, 80%)"> </td>
<td style="background: rgb(100%, 100%, 100%)"> </td>
<td style="background: black"> </td>
</tr>
</table>
</div>
<p>The following table should have three matching rows changing (in 5 steps) from aqua at the left to black at the right (plus a checkerboard at both ends to show where the rows are):</p>
<div style="background: black">
<table border="border">
<tr>
<td style="background: black"> </td>
<td style="background: rgb(0%, 100%, 100%)"> </td>
<td style="background: rgb(0%, 80%, 80%)"> </td>
<td style="background: rgb(0%, 60%, 60%)"> </td>
<td style="background: rgb(0%, 40%, 40%)"> </td>
<td style="background: rgb(0%, 20%, 20%)"> </td>
<td style="background: rgb(0%, 0%, 0%)"> </td>
<td style="background: white"> </td>
</tr>
<tr>
<td style="background: white"> </td>
<td style="background: rgb(0%, 100%, 100%)"> </td>
<td style="background: rgb(0%, 80%, 80%)"> </td>
<td style="background: rgb(0%, 60%, 60%)"> </td>
<td style="background: rgb(0%, 40%, 40%)"> </td>
<td style="background: rgb(0%, 20%, 20%)"> </td>
<td style="background: rgb(0%, 0%, 0%)"> </td>
<td style="background: black"> </td>
</tr>
<tr>
<td style="background: black"> </td>
<td style="background: rgb(0%, 100%, 100%)"> </td>
<td style="background: rgb(0%, 80%, 80%)"> </td>
<td style="background: rgb(0%, 60%, 60%)"> </td>
<td style="background: rgb(0%, 40%, 40%)"> </td>
<td style="background: rgb(0%, 20%, 20%)"> </td>
<td style="background: rgb(0%, 0%, 0%)"> </td>
<td style="background: white"> </td>
</tr>
</table>
</div>
<p>The following table should have three matching rows changing (in 5 steps) from aqua at the left to white at the right (plus a checkerboard at both ends to show where the rows are):</p>
<div style="background: white">
<table border="border">
<tr>
<td style="background: white"> </td>
<td style="background: rgb(0%, 100%, 100%)"> </td>
<td style="background: rgb(20%, 100%, 100%)"> </td>
<td style="background: rgb(40%, 100%, 100%)"> </td>
<td style="background: rgb(60%, 100%, 100%)"> </td>
<td style="background: rgb(80%, 100%, 100%)"> </td>
<td style="background: rgb(100%, 100%, 100%)"> </td>
<td style="background: black"> </td>
</tr>
<tr>
<td style="background: black"> </td>
<td style="background: rgb(0%, 100%, 100%)"> </td>
<td style="background: rgb(20%, 100%, 100%)"> </td>
<td style="background: rgb(40%, 100%, 100%)"> </td>
<td style="background: rgb(60%, 100%, 100%)"> </td>
<td style="background: rgb(80%, 100%, 100%)"> </td>
<td style="background: rgb(100%, 100%, 100%)"> </td>
<td style="background: white"> </td>
</tr>
<tr>
<td style="background: white"> </td>
<td style="background: rgb(0%, 100%, 100%)"> </td>
<td style="background: rgb(20%, 100%, 100%)"> </td>
<td style="background: rgb(40%, 100%, 100%)"> </td>
<td style="background: rgb(60%, 100%, 100%)"> </td>
<td style="background: rgb(80%, 100%, 100%)"> </td>
<td style="background: rgb(100%, 100%, 100%)"> </td>
<td style="background: black"> </td>
</tr>
</table>
</div>
<p>The following table should have three matching rows changing (in 5 steps) from blue at the left to black at the right (plus a checkerboard at both ends to show where the rows are):</p>
<div style="background: black">
<table border="border">
<tr>
<td style="background: black"> </td>
<td style="background: rgb(0%, 0%, 100%)"> </td>
<td style="background: rgb(0%, 0%, 80%)"> </td>
<td style="background: rgb(0%, 0%, 60%)"> </td>
<td style="background: rgb(0%, 0%, 40%)"> </td>
<td style="background: rgb(0%, 0%, 20%)"> </td>
<td style="background: rgb(0%, 0%, 0%)"> </td>
<td style="background: white"> </td>
</tr>
<tr>
<td style="background: white"> </td>
<td style="background: rgb(0%, 0%, 100%)"> </td>
<td style="background: rgb(0%, 0%, 80%)"> </td>
<td style="background: rgb(0%, 0%, 60%)"> </td>
<td style="background: rgb(0%, 0%, 40%)"> </td>
<td style="background: rgb(0%, 0%, 20%)"> </td>
<td style="background: rgb(0%, 0%, 0%)"> </td>
<td style="background: black"> </td>
</tr>
<tr>
<td style="background: black"> </td>
<td style="background: rgb(0%, 0%, 100%)"> </td>
<td style="background: rgb(0%, 0%, 80%)"> </td>
<td style="background: rgb(0%, 0%, 60%)"> </td>
<td style="background: rgb(0%, 0%, 40%)"> </td>
<td style="background: rgb(0%, 0%, 20%)"> </td>
<td style="background: rgb(0%, 0%, 0%)"> </td>
<td style="background: white"> </td>
</tr>
</table>
</div>
<p>The following table should have three matching rows changing (in 5 steps) from blue at the left to white at the right (plus a checkerboard at both ends to show where the rows are):</p>
<div style="background: white">
<table border="border">
<tr>
<td style="background: white"> </td>
<td style="background: rgb(0%, 0%, 100%)"> </td>
<td style="background: rgb(20%, 20%, 100%)"> </td>
<td style="background: rgb(40%, 40%, 100%)"> </td>
<td style="background: rgb(60%, 60%, 100%)"> </td>
<td style="background: rgb(80%, 80%, 100%)"> </td>
<td style="background: rgb(100%, 100%, 100%)"> </td>
<td style="background: black"> </td>
</tr>
<tr>
<td style="background: black"> </td>
<td style="background: rgb(0%, 0%, 100%)"> </td>
<td style="background: rgb(20%, 20%, 100%)"> </td>
<td style="background: rgb(40%, 40%, 100%)"> </td>
<td style="background: rgb(60%, 60%, 100%)"> </td>
<td style="background: rgb(80%, 80%, 100%)"> </td>
<td style="background: rgb(100%, 100%, 100%)"> </td>
<td style="background: white"> </td>
</tr>
<tr>
<td style="background: white"> </td>
<td style="background: rgb(0%, 0%, 100%)"> </td>
<td style="background: rgb(20%, 20%, 100%)"> </td>
<td style="background: rgb(40%, 40%, 100%)"> </td>
<td style="background: rgb(60%, 60%, 100%)"> </td>
<td style="background: rgb(80%, 80%, 100%)"> </td>
<td style="background: rgb(100%, 100%, 100%)"> </td>
<td style="background: black"> </td>
</tr>
</table>
</div>
<p>The following table should have three matching rows changing (in 5 steps) from fuchsia at the left to black at the right (plus a checkerboard at both ends to show where the rows are):</p>
<div style="background: black">
<table border="border">
<tr>
<td style="background: black"> </td>
<td style="background: rgb(100%, 0%, 100%)"> </td>
<td style="background: rgb(80%, 0%, 80%)"> </td>
<td style="background: rgb(60%, 0%, 60%)"> </td>
<td style="background: rgb(40%, 0%, 40%)"> </td>
<td style="background: rgb(20%, 0%, 20%)"> </td>
<td style="background: rgb(0%, 0%, 0%)"> </td>
<td style="background: white"> </td>
</tr>
<tr>
<td style="background: white"> </td>
<td style="background: rgb(100%, 0%, 100%)"> </td>
<td style="background: rgb(80%, 0%, 80%)"> </td>
<td style="background: rgb(60%, 0%, 60%)"> </td>
<td style="background: rgb(40%, 0%, 40%)"> </td>
<td style="background: rgb(20%, 0%, 20%)"> </td>
<td style="background: rgb(0%, 0%, 0%)"> </td>
<td style="background: black"> </td>
</tr>
<tr>
<td style="background: black"> </td>
<td style="background: rgb(100%, 0%, 100%)"> </td>
<td style="background: rgb(80%, 0%, 80%)"> </td>
<td style="background: rgb(60%, 0%, 60%)"> </td>
<td style="background: rgb(40%, 0%, 40%)"> </td>
<td style="background: rgb(20%, 0%, 20%)"> </td>
<td style="background: rgb(0%, 0%, 0%)"> </td>
<td style="background: white"> </td>
</tr>
</table>
</div>
<p>The following table should have three matching rows changing (in 5 steps) from fuchsia at the left to white at the right (plus a checkerboard at both ends to show where the rows are):</p>
<div style="background: white">
<table border="border">
<tr>
<td style="background: white"> </td>
<td style="background: rgb(100%, 0%, 100%)"> </td>
<td style="background: rgb(100%, 20%, 100%)"> </td>
<td style="background: rgb(100%, 40%, 100%)"> </td>
<td style="background: rgb(100%, 60%, 100%)"> </td>
<td style="background: rgb(100%, 80%, 100%)"> </td>
<td style="background: rgb(100%, 100%, 100%)"> </td>
<td style="background: black"> </td>
</tr>
<tr>
<td style="background: black"> </td>
<td style="background: rgb(100%, 0%, 100%)"> </td>
<td style="background: rgb(100%, 20%, 100%)"> </td>
<td style="background: rgb(100%, 40%, 100%)"> </td>
<td style="background: rgb(100%, 60%, 100%)"> </td>
<td style="background: rgb(100%, 80%, 100%)"> </td>
<td style="background: rgb(100%, 100%, 100%)"> </td>
<td style="background: white"> </td>
</tr>
<tr>
<td style="background: white"> </td>
<td style="background: rgb(100%, 0%, 100%)"> </td>
<td style="background: rgb(100%, 20%, 100%)"> </td>
<td style="background: rgb(100%, 40%, 100%)"> </td>
<td style="background: rgb(100%, 60%, 100%)"> </td>
<td style="background: rgb(100%, 80%, 100%)"> </td>
<td style="background: rgb(100%, 100%, 100%)"> </td>
<td style="background: black"> </td>
</tr>
</table>
</div>
<p>The following table should have two matching rows changing (in 5 steps) from red at the left to green at the right (plus a checkerboard at both ends to show where the rows are):</p>
<div style="background: lime">
<table border="border">
<tr>
<td style="background: black"> </td>
<td style="background: rgb(100%, 0%, 0%)"> </td>
<td style="background: rgb(80%, 20%, 0%)"> </td>
<td style="background: rgb(60%, 40%, 0%)"> </td>
<td style="background: rgb(40%, 60%, 0%)"> </td>
<td style="background: rgb(20%, 80%, 0%)"> </td>
<td style="background: rgb(0%, 100%, 0%)"> </td>
<td style="background: white"> </td>
</tr>
<tr>
<td style="background: white"> </td>
<td style="background: rgb(100%, 0%, 0%)"> </td>
<td style="background: rgb(80%, 20%, 0%)"> </td>
<td style="background: rgb(60%, 40%, 0%)"> </td>
<td style="background: rgb(40%, 60%, 0%)"> </td>
<td style="background: rgb(20%, 80%, 0%)"> </td>
<td style="background: rgb(0%, 100%, 0%)"> </td>
<td style="background: black"> </td>
</tr>
</table>
</div>
<p>The following table should have two matching rows changing (in 5 steps) from green at the left to blue at the right (plus a checkerboard at both ends to show where the rows are):</p>
<div style="background: blue">
<table border="border">
<tr>
<td style="background: black"> </td>
<td style="background: rgb(0%, 100%, 0%)"> </td>
<td style="background: rgb(0%, 80%, 20%)"> </td>
<td style="background: rgb(0%, 60%, 40%)"> </td>
<td style="background: rgb(0%, 40%, 60%)"> </td>
<td style="background: rgb(0%, 20%, 80%)"> </td>
<td style="background: rgb(0%, 0%, 100%)"> </td>
<td style="background: white"> </td>
</tr>
<tr>
<td style="background: white"> </td>
<td style="background: rgb(0%, 100%, 0%)"> </td>
<td style="background: rgb(0%, 80%, 20%)"> </td>
<td style="background: rgb(0%, 60%, 40%)"> </td>
<td style="background: rgb(0%, 40%, 60%)"> </td>
<td style="background: rgb(0%, 20%, 80%)"> </td>
<td style="background: rgb(0%, 0%, 100%)"> </td>
<td style="background: black"> </td>
</tr>
</table>
</div>
<p>The following table should have two matching rows changing (in 5 steps) from blue at the left to red at the right (plus a checkerboard at both ends to show where the rows are):</p>
<div style="background: red">
<table border="border">
<tr>
<td style="background: black"> </td>
<td style="background: rgb(0%, 0%, 100%)"> </td>
<td style="background: rgb(20%, 0%, 80%)"> </td>
<td style="background: rgb(40%, 0%, 60%)"> </td>
<td style="background: rgb(60%, 0%, 40%)"> </td>
<td style="background: rgb(80%, 0%, 20%)"> </td>
<td style="background: rgb(100%, 0%, 0%)"> </td>
<td style="background: white"> </td>
</tr>
<tr>
<td style="background: white"> </td>
<td style="background: rgb(0%, 0%, 100%)"> </td>
<td style="background: rgb(20%, 0%, 80%)"> </td>
<td style="background: rgb(40%, 0%, 60%)"> </td>
<td style="background: rgb(60%, 0%, 40%)"> </td>
<td style="background: rgb(80%, 0%, 20%)"> </td>
<td style="background: rgb(100%, 0%, 0%)"> </td>
<td style="background: black"> </td>
</tr>
</table>
</div>
</body>