diff options
| author | Sam Atkins <atkinssj@gmail.com> | 2021-08-20 12:29:11 +0100 |
|---|---|---|
| committer | Andreas Kling <kling@serenityos.org> | 2021-08-25 12:14:34 +0200 |
| commit | 160f434769d86a26e8c709cd7eba9eeaa9005b57 (patch) | |
| tree | 02045e0834904cfcf009e6aad6af3a1691feb0d4 /Base | |
| parent | 8995839e3f0d4bc3018cb86a2dbd45d49460c969 (diff) | |
| download | serenity-160f434769d86a26e8c709cd7eba9eeaa9005b57.zip | |
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. :^)
Diffstat (limited to 'Base')
| -rw-r--r-- | Base/res/html/misc/cascade-keywords.html | 32 | ||||
| -rw-r--r-- | Base/res/html/misc/welcome.html | 1 |
2 files changed, 33 insertions, 0 deletions
diff --git a/Base/res/html/misc/cascade-keywords.html b/Base/res/html/misc/cascade-keywords.html new file mode 100644 index 0000000000..e3b7a9589a --- /dev/null +++ b/Base/res/html/misc/cascade-keywords.html @@ -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> diff --git a/Base/res/html/misc/welcome.html b/Base/res/html/misc/welcome.html index 50f717bc8e..fe1736503b 100644 --- a/Base/res/html/misc/welcome.html +++ b/Base/res/html/misc/welcome.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> |