このページはコミュニティーの尽力で英語から翻訳されました。MDN Web Docsコミュニティーについてもっと知り、仲間になるにはこちらから。
CSS プロパティと値 API
CSS プロパティと値 API（CSS Houdini API の傘下）により、CSS カスタムプロパティの登録において、開発者は明示的に、プロパティの型チェック、既定値、プロパティの値を継承の有無の登録を行うことができます。
インターフェイス
CSS.registerPropertyブラウザーが
CSS カスタムプロパティを構文解析する方法を定義します。JavaScript のCSS.registerPropertyを介してこのインターフェイスにアクセスします。@propertyブラウザーが
CSS カスタムプロパティを構文解析する方法を定義します。CSS の@propertyアットルールを介してこのインターフェイスにアクセスします。
例
次の例では、CSS カスタムプロパティ として--my-prop をCSS.registerProperty によって登録します。--my-prop は CSS 色構文を使用し、既定値として#c0ffee があり、値を継承しないようにします。
js
window.CSS.registerProperty({ name: "--my-color", syntax: "<color>", inherits: false, initialValue: "#c0ffee",});CSS では次の@propertyアットルールを使用して、同じ登録を行うことができます。
css
@property --my-color { syntax: "<color>"; inherits: false; initial-value: #c0ffee;}仕様書
| Specification |
|---|
| CSS Properties and Values API Level 1 # the-css-property-rule-interface |
| CSS Properties and Values API Level 1 # the-registerproperty-function |