The CSS Properties and Values API â part of the CSS Houdini umbrella of APIs â allows developers to explicitly define their CSS custom properties, allowing for property type checking, default values, and properties that do or do not inherit their value.
InterfacesCSS.registerProperty
Defines how a browser should parse CSS custom properties. Access this interface through CSS.registerProperty
in JavaScript.
@property
Defines how a browser should parse CSS custom properties. Access this interface through @property
at-rule in CSS.
The following will register a custom property named --my-color
using CSS.registerProperty
in JavaScript. --my-color
will use the CSS color syntax, it will have a default value of #c0ffee
, and it will not inherit its value:
window.CSS.registerProperty({
name: "--my-color",
syntax: "<color>",
inherits: false,
initialValue: "#c0ffee",
});
The same registration can take place in CSS using the @property
at-rule:
@property --my-color {
syntax: "<color>";
inherits: false;
initial-value: #c0ffee;
}
Specifications Browser compatibility api.CSSPropertyRule api.CSS.registerProperty_static See also
RetroSearch is an open source project built by @garambo | Open a GitHub Issue
Search and Browse the WWW like it's 1997 | Search results from DuckDuckGo
HTML:
3.2
| Encoding:
UTF-8
| Version:
0.7.4