mirror of
https://github.com/SerenityOS/serenity
synced 2024-10-15 04:13:11 +00:00
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:
parent
8995839e3f
commit
160f434769
32
Base/res/html/misc/cascade-keywords.html
Normal file
32
Base/res/html/misc/cascade-keywords.html
Normal 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>
|
|
@ -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="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="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="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>
|
</ul>
|
||||||
|
|
||||||
<h2>JavaScript/WASM</h2>
|
<h2>JavaScript/WASM</h2>
|
||||||
|
|
Loading…
Reference in a new issue