CSSFontPaletteValuesRule.overrideColors
Baseline
Widely available
This feature is well established and works across many devices and browser versions. It’s been available across browsers since November 2022.
Thuộc tính chỉ đọc overrideColors của giao diện CSSFontPaletteValuesRule trả về một chuỗi với danh sách chỉ mục màu và các giá trị màu mới để ghi đè.
Giá trị
Chuỗi.
Ví dụ
Đọc màu được ghi đè
Ví dụ này đọc thuộc tính overrideColors của một quy tắc @font-palette-values:
css
@import url(https://fonts.googleapis.com/css2?family=Boogaloo&display=swap);
@font-palette-values --Reds {
font-family: Boogaloo;
base-palette: 2;
override-colors:
0 red,
1 orange,
2 blue;
}
js
const rules = document.styleSheets[document.styleSheets.length - 1].cssRules;
const fontPaletteValuesRule = [...rules].find(
(r) => r instanceof CSSFontPaletteValuesRule,
);
console.log(fontPaletteValuesRule.overrideColors); // "0 red, 1 orange, 2 blue"
Thông số kỹ thuật
| Thông số kỹ thuật |
|---|
| CSS Fonts Module Level 4 # dom-cssfontpalettevaluesrule-overridecolors |