blob: 1f4e3899a8a4d7db6fe0f484671eb69040fc1c2d [file] [log] [blame]
<!DOCTYPE html>
<meta charset="utf-8">
<title>Test forced colors mode on table styles</title>
<link rel="help" href="https://www.w3.org/TR/css-color-adjust-1/#forced-colors-properties">
<link rel=match href="forced-colors-mode-01-ref.html">
<style>
table {
border-collapse: collapse;
}
td, th {
border: 1px solid;
border-bottom-color: black;
border-left-color: purple;
border-right-color: orange;
border-top-color: green;
padding: 8px;
text-align: left;
}
tr:nth-child(even) {
background-color: blue;
color: red;
}
</style>
<body>
<table>
<tr>
<th>Column1</th>
<th>Column2</th>
<th>Column3</th>
</tr>
<tr>
<td>Entry1</td>
<td>Entry1</td>
<td>Entry1</td>
</tr>
<tr>
<td>Entry2</td>
<td>Entry2</td>
<td>Entry2</td>
</tr>
</table>
</body>