Base: Add cascade-keywords.html test page for CSS cascade keyword values

These are:

- `initial`
- `inherit`
- `unset`

Cascade4 and 5 also define `revert` and `revert-layer`, but let's not
get ahead of ourselves. :^)
This commit is contained in:
Sam Atkins 2021-08-20 12:29:11 +01:00 committed by Andreas Kling
parent 8995839e3f
commit 160f434769
Notes: sideshowbarker 2024-07-18 05:18:23 +09:00
2 changed files with 33 additions and 0 deletions

View file

@ -0,0 +1,32 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8"/>
<title>Initial</title>
<style>
span {
background: lime;
}
.initial {
font-weight: initial;
}
.inherit {
font-weight: inherit;
}
.unset {
font-weight: unset;
}
</style>
</head>
<body>
<p>
This is some text. <b>This text is bold, <span class="initial">but this is not, since it's set to initial,</span> and this is bold again.</b>
</p>
<p>
This is some text. <b>This text is bold, <span class="inherit">and so is this, because it's set to inherit,</span> and this is bold again.</b>
</p>
<p>
This is some text. <b>This text is bold, <span class="unset">and so is this, because it's set to unset and font-weight is inherited,</span> and this is bold again.</b>
</p>
</body>
</html>

View file

@ -119,6 +119,7 @@
<li><a href="link-over-zindex-block.html">link elements with background box placed with z-index</a></li>
<li><a href="percent-css.html">Percentage values</a></li>
<li><a href="position-absolute-top-left.html">position: absolute; for top and left</a></li>
<li><a href="cascade-keywords.html">Cascade keywords (initial, inherit, unset)</a></li>
</ul>
<h2>JavaScript/WASM</h2>