mirror of
https://github.com/RGBCube/serenity
synced 2025-05-16 06:25:01 +00:00
6476dea898
This one is a bit fun because it can be `add(<integer>)` or `auto-add`, but children have to inherit the computed value not the specified one. We also have to compute it before computing the font-size, because of `font-size: math` which will be implemented later.
26 lines
785 B
HTML
26 lines
785 B
HTML
<script src="../include.js"></script>
|
|
<script>
|
|
test(() => {
|
|
println(getComputedStyle(document.getElementById("a")).mathDepth);
|
|
println(getComputedStyle(document.getElementById("b")).mathDepth);
|
|
println(getComputedStyle(document.getElementById("c")).mathDepth);
|
|
println(getComputedStyle(document.getElementById("d")).mathDepth);
|
|
println(getComputedStyle(document.getElementById("e")).mathDepth);
|
|
println(getComputedStyle(document.getElementById("f")).mathDepth);
|
|
});
|
|
</script>
|
|
<style>
|
|
body { math-depth: 0; }
|
|
ul > li { math-depth: add(1); }
|
|
</style>
|
|
<body>
|
|
<ul id="a">
|
|
<li id="b"></li>
|
|
<li id="c">
|
|
<ul id="d">
|
|
<li id="e"></li>
|
|
<li id="f"></li>
|
|
</ul>
|
|
</li>
|
|
</ul>
|
|
</body>
|