.dcss-range

Makes a list of numbers from start to stop, by step.

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-range" style="--start: 2; --stop: 12; --step: 2.5">
  <ol>
    <li>
    <output class="dcss-format-fixed" style="--value: var(--dcss-range); --precision: 1"></output></li>
    <li>
    <output class="dcss-format-fixed" style="--value: var(--dcss-range); --precision: 1"></output></li>
    <li>
    <output class="dcss-format-fixed" style="--value: var(--dcss-range); --precision: 1"></output></li>
    <li>
    <output class="dcss-format-fixed" style="--value: var(--dcss-range); --precision: 1"></output></li>
  </ol>
</figure>

Browser support

BrowserSupport
ChromeYes
SafariYes
FirefoxWhole numbers only

See also