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>
