CSS Properties and Values API

Die CSS Properties and Values API — Teil der CSS Houdini API-Gruppe — ermöglicht Entwicklern, ihre CSS-Custom-Properties explizit zu definieren, was eine Überprüfung des Property-Typs, Standardwerte und Eigenschaften ermöglicht, die ihren Wert erben oder nicht.

Schnittstellen

CSS.registerProperty: Definiert, wie ein Browser CSS-Custom-Properties parsen soll. Greifen Sie auf diese Schnittstelle über CSS.registerProperty in JavaScript zu.
@property: Definiert, wie ein Browser CSS-Custom-Properties parsen soll. Greifen Sie auf diese Schnittstelle über das @property At-Regel in CSS zu.

Beispiele

Das folgende Beispiel registriert eine Custom-Property namens --my-color mithilfe von CSS.registerProperty in JavaScript. --my-color wird die CSS-Farbsyntax verwenden, einen Standardwert von #c0ffee haben und seinen Wert nicht erben:

window.CSS.registerProperty({
  name: "--my-color",
  syntax: "<color>",
  inherits: false,
  initialValue: "#c0ffee",
});

Die gleiche Registrierung kann in CSS unter Verwendung der @property At-Regel erfolgen:

css

@property --my-color {
  syntax: "<color>";
  inherits: false;
  initial-value: #c0ffee;
}

Spezifikationen

Specification
CSS Properties and Values API Level 1 # the-css-property-rule-interface
CSS Properties and Values API Level 1 # the-registerproperty-function

Help improve MDN

Learn how to contribute Diese Seite wurde automatisch aus dem Englischen übersetzt.

Übersetzung auf GitHub anzeigen • Fehler mit dieser Übersetzung melden

CSS Properties and Values API

Schnittstellen

Beispiele

Spezifikationen

Browser-Kompatibilität

api.CSSPropertyRule

api.CSS.registerProperty_static

Siehe auch

Help improve MDN