.dcss-extent
Gives the smallest and the largest number in a list, both at once.
Example
Result
Markup
<link rel="stylesheet" href="dcss.css">
<link rel="stylesheet" href="families/array.css">
<figure class="dcss-extent">
<ul>
<li style="--value: 12"></li>
<li style="--value: 40"></li>
<li style="--value: 30"></li>
</ul>
<output></output>
</figure>Browser support
| Browser | Support |
|---|---|
| Chrome | Yes |
| Safari | Yes |
| Firefox | Whole numbers only |