文档手册

CSS命名空间

2024-07-07 00:24:08

CSS namespace

此命名空间对象包含CSS帮助器函数。

Methods:

CSS.supports(prop,value):bool

报告引擎是否支持给定的属性名称和值。

getComputedStyle()

CSS.getComputedStyle(element[, pseudoEl]): Style

该方法获取元素的计算CSS属性和值。计算样式是在应用了所有样式源之后在元素上使用的样式。

注意

这个函数可以在没有 CSS. 前缀的情况下使用-作为一个全局函数。

CSS.set(string):StyleSet

Sciter特定的StyleSet构造函数。

此函数允许在运行时构造样式集对象。主要目的是在Reactor组件中使用,以在与组件本身相同的JS文件中定义组件样式:


const h = 64;

const myStyles = CSS.set`
 :root { // the component itself
    width: 100px;
    height: ${h}px;
 }
 :root > span {
    color:red;
 }
`;

class MyComponent extends Element {
render() {
return <div styleset={myStyles}>
Hello <span>embedded</span> CSS
</div>
}
}

CSS.set literal的内容是普通的 @set 声明,但没有 @set name 括号,也没有包含 {} 括号。