.dcss-scale-ordinal

Gives the range item that matches a value’s place in the domain.

Example

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

<div class="dcss-scale-ordinal" style="--value: 'pear'; --domains: 3; --domain-0: 'apple'; --domain-1: 'pear'; --domain-2: 'plum'; --ranges: 3; --range-0: 'red'; --range-1: 'green'; --range-2: 'purple'">
  <output></output>
</div>

Browser support

BrowserSupport
ChromeYes
SafariYes
FirefoxWhole numbers only

See also