CSSFontFaceRule: style-Eigenschaft
Baseline Widely available
This feature is well established and works across many devices and browser versions. It’s been available across browsers since Juli 2015.
Die schreibgeschützte style-Eigenschaft der CSSFontFaceRule-Schnittstelle enthält ein CSSStyleDeclaration-Objekt, das die im Körper der @font-face-Regel verfügbaren Deskriptoren darstellt.
Wert
Ein CSSStyleDeclaration-Objekt.
Obwohl die style-Eigenschaft selbst in dem Sinne schreibgeschützt ist, dass Sie das CSSStyleDeclaration-Objekt nicht ersetzen können, können Sie dennoch direkt der style-Eigenschaft zuweisen, was dem Zuweisen zu ihrer cssText-Eigenschaft entspricht. Sie können das CSSStyleDeclaration-Objekt auch mit den Methoden setProperty() und removeProperty() ändern.
Beispiele
Dieses Beispiel verwendet das CSS, das als Beispiel auf der Seite @font-face gefunden wurde. Die erste zurückgegebene CSSRule ist eine CSSFontFaceRule. Die style-Eigenschaft gibt eine CSSStyleDeclaration mit den Eigenschaften fontFamily, fontWeight und src zurück, die mit den Informationen aus der Regel gefüllt sind.
@font-face { font-family: "MyHelvetica"; src: local("Helvetica Neue Bold"), local("HelveticaNeue-Bold"), url("MgOpenModernaBold.ttf"); font-weight: bold; } const myRules = document.styleSheets[0].cssRules; console.log(myRules[0].style); // A CSSStyleDeclaration Spezifikationen
| Specification |
|---|
| CSS Fonts Module Level 4 # dom-cssfontfacerule-style |