CSSFontFeatureValuesMap: values() method
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 values() method of CSSFontFeatureValuesMap instances returns a new map iterator object that contains the [key, value] pairs for each declaration in this CSSFontFeatureValuesMap in insertion order.
Syntax
js
values()
Parameters
None.
Return value
A new iterable iterator object.
Examples
Basic usage
The following example assigns the values to the swashValues variable and then logs the first two values. This example is using @swash but also works with other feature value blocks.
CSS
css
@font-feature-values "MonteCarlo" {
@swash {
swishy: 1;
swashy: 2;
}
}
JavaScript
js
// get the rules
const myRule = document.styleSheets[0].cssRules[0];
// get the values of swash
const swashValues = myRule.swash.values();
console.log(swashValues.next().value); // logs [1]
console.log(swashValues.next().value); // logs [2]
Specifications
| Specification |
|---|
| CSS Fonts Module Level 4 # cssfontfeaturevaluesmap |
Browser compatibility
Enable JavaScript to view this browser compatibility table.