CSSFontFeatureValuesRule: styleset property
Limited availability
This feature is not Baseline because it does not work in some of the most widely-used browsers.
Experimental: This is an experimental technology
Check the Browser compatibility table carefully before using this in production.
The read-only styleset property of the CSSFontFeatureValuesRule interface contains a CSSFontFeatureValuesMap object representing the user-defined-ident and feature index for a variable font which supports styleset().
Value
A CSSFontFeatureValuesMap object.
Although the styleset property itself is read-only in the sense that you can't replace the CSSFontFeatureValuesMap object, you can still assign to the styleset property directly. You can also modify the values of the styleset using the CSSFontFeatureValuesMap instance methods.
Example
Basic usage
CSS
@font-feature-values "MonteCarlo" {
@styleset {
my-styleset: 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.styleset.size) {
// do something with the styleset
}
Specifications
| Specification |
|---|
| CSS Fonts Module Level 4 # dom-cssfontfeaturevaluesrule-styleset |
Browser compatibility
| desktop | mobile | |||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|
styleset
|
|
|
|
|
|
|
|
|
|
|
|
|
Legend
Tip: you can click/tap on a cell for more information.
- Full support
- Full support
- No support
- No support
- Experimental. Expect behavior to change in the future.
See also
@stylesetstyleset()functional notationCSSFontFeatureValuesMap