CSSPropertyRule
Baseline
2024
Newly available
Since July 2024, this feature works across the latest devices and browser versions. This feature might not work in older devices or browsers.
CSSPropertyRule は CSS プロパティと値 API のインターフェイスで、 CSS の @property ルールを表します。
インスタンスプロパティ
祖先である CSSRule からプロパティを継承しています。
CSSPropertyRule.inherits読取専用-
カスタムプロパティの継承フラグを返します。
CSSPropertyRule.initialvalue読取専用-
カスタムプロパティの初期値を返します。
CSSPropertyRule.name読取専用-
カスタムプロパティの名前を返します。
CSSPropertyRule.syntax読取専用-
カスタムプロパティのリテラル構文を返します。
インスタンスメソッド
固有のメソッドはありません。祖先である CSSRule からプロパティを継承しています。
例
このスタイルシートには単一の @property ルールがあります。返される最初の CSSRule は、 CSS で定義された通りのプロパティと値を持つ CSSPropertyRule となります。
css
@property --property-name {
syntax: "<color>";
inherits: false;
initial-value: #c0ffee;
}
js
let myRules = document.styleSheets[0].cssRules;
console.log(myRules[0]); //a CSSPropertyRule
仕様書
| Specification |
|---|
| CSS Properties and Values API Level 1 # the-css-property-rule-interface |
ブラウザーの互換性
Loading…