CSSFontFaceRule: thuộc tính style
Baseline
Widely available
This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.
Thuộc tính chỉ đọc style của giao diện CSSFontFaceRule trả về một đối tượng CSSFontFaceDescriptors đại diện cho các descriptor có sẵn trong phần thân at-rule @font-face.
Giá trị
Một đối tượng CSSFontFaceDescriptors.
Mặc dù bản thân thuộc tính style là chỉ đọc theo nghĩa bạn không thể thay thế đối tượng CSSFontFaceDescriptors, bạn vẫn có thể gán trực tiếp cho thuộc tính style, tương đương với việc gán cho thuộc tính cssText của nó. Bạn cũng có thể sửa đổi đối tượng CSSFontFaceDescriptors bằng cách sử dụng các phương thức setProperty() và removeProperty().
Ví dụ
Ví dụ này sử dụng CSS tìm thấy trong trang @font-face. CSSRule đầu tiên được trả về sẽ là một CSSFontFaceRule. Thuộc tính style trả về một đối tượng CSSFontFaceDescriptors với các thuộc tính fontFamily, fontWeight và src được điền thông tin từ quy tắc.
@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 CSSFontFaceDescriptors
Thông số kỹ thuật
| Thông số kỹ thuật |
|---|
| CSS Fonts Module Level 4 # dom-cssfontfacerule-style |