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 Deskriptoren im Körper der @font-face-Regel 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 einen Wert zuweisen, was dem Zuweisen zu ihrer cssText-Eigenschaft entspricht. Sie können das CSSStyleDeclaration-Objekt auch mit den Methoden setProperty() und removeProperty() modifizieren.
Beispiele
In diesem Beispiel wird das CSS verwendet, das als Beispiel auf der Seite @font-face zu finden ist. Die erste zurückgegebene CSSRule wird eine CSSFontFaceRule sein. 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.woff2");
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 |