mirror of
https://github.com/LadybirdBrowser/ladybird.git
synced 2024-11-26 01:20:25 +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
Notes:
sideshowbarker
2024-07-18 05:18:23 +09:00
Author: https://github.com/AtkinsSJ Commit: https://github.com/SerenityOS/serenity/commit/160f434769d Pull-request: https://github.com/SerenityOS/serenity/pull/9547 Reviewed-by: https://github.com/alimpfard ✅
2 changed files with 33 additions and 0 deletions
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="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>
|
||||
|
|
Loading…
Reference in a new issue