CSSFontFeatureValuesRule: stylistic property

Limited availability

The read-only stylistic property of the CSSFontFeatureValuesRule interface contains a CSSFontFeatureValuesMap object representing the user-defined-ident and feature index for a variable font which supports stylistic().

Value

A CSSFontFeatureValuesMap object.

Although the stylistic property itself is read-only in the sense that you can’t replace the CSSFontFeatureValuesMap object, you can still assign to the stylistic property directly. You can also modify the values of the stylistic using the CSSFontFeatureValuesMap instance methods.

Example

Basic usage

CSS

@font-feature-values "MonteCarlo" {
  @stylistic {
    my-stylistics: 1;
  }
}

JavaScript

// look for the first stylesheet and the first cssRule in that sheet
const myRule = document.styleSheets[0].cssRules[0];
// check
if (myRule instanceof CSSFontFeatureValuesRule && myRule.stylistic.size) {
  // do something with the stylistic
}

Specifications

Browser compatibility

See also

• @stylistic
• stylistic() functional notation
• CSSFontFeatureValuesMap