.dcss-cumsum
Gives the running total at each item of a list.
Example
Result
Markup
<link rel="stylesheet" href="dcss.css">
<link rel="stylesheet" href="families/array.css">
<link rel="stylesheet" href="families/format.css">
<figure class="dcss-cumsum">
<ol>
<li style="--value: 1"></li>
<li style="--value: 1"></li>
<li style="--value: 2"></li>
<li style="--value: 3"></li>
<li style="--value: 5"></li>
</ol>
<ol>
<li>
<output class="dcss-format-fixed" style="--value: var(--dcss-cumsum); --precision: 0"></output></li>
<li>
<output class="dcss-format-fixed" style="--value: var(--dcss-cumsum); --precision: 0"></output></li>
<li>
<output class="dcss-format-fixed" style="--value: var(--dcss-cumsum); --precision: 0"></output></li>
<li>
<output class="dcss-format-fixed" style="--value: var(--dcss-cumsum); --precision: 0"></output></li>
<li>
<output class="dcss-format-fixed" style="--value: var(--dcss-cumsum); --precision: 0"></output></li>
</ol>
</figure>Browser support
| Browser | Support |
|---|---|
| Chrome | Yes |
| Safari | Yes |
| Firefox | Whole numbers only |