このページはコミュニティーの尽力で英語から翻訳されました。MDN Web Docs コミュニティーについてもっと知り、仲間になるにはこちらから。
CSSStyleRule.styleMap
利用可能性は限定的
この機能はベースラインではありません。最も広く使用されているブラウザーの一部で動作しません。
Want more support for this feature? Tell us why.
styleMap は CSSStyleRule インターフェイスの読み取り専用プロパティで、このルールのプロパティ/値の組にアクセスするための StylePropertyMap オブジェクトを返します。
値
StylePropertyMap オブジェクトです。
例
以下の例では、 styleMap を使用して StylePropertyMap.set() メソッドを使用し、スタイルを変更する方法を示しています。
js
const stylesheet = document.styleSheets[0];
Object.values(stylesheet.cssRules).forEach((block) => {
if (block.selectorText === "button") {
block.styleMap.set("--mainColor", "black");
}
});
仕様書
| 仕様書 |
|---|
| CSS Typed OM Level 1 # dom-cssstylerule-stylemap |
ブラウザーの互換性
ブラウザー互換性一覧表を表示するには、JavaScript を有効にしてください。