.dcss-bisector

Tells you where a value would go among items sorted by their value, after the equal ones.

Example

Result
Markup
<link rel="stylesheet" href="dcss.css">
<link rel="stylesheet" href="families/array.css">

<figure class="dcss-bisector" style="--value: 2">
  <ol>
    <li style="--value: 1"></li>
    <li style="--value: 2"></li>
    <li style="--value: 2"></li>
    <li style="--value: 4"></li>
  </ol>
  <output></output>
</figure>

Browser support

BrowserSupport
ChromeYes
SafariYes
FirefoxWhole numbers only

See also