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 |