1 注册css自定义属性
if ('registerProperty' in CSS ) {
CSS.registerProperty({
name: '--color',
syntax: '<color>', // 此处可以表示列表 syntax: '<transform-function>+',
inherits: true,
initialValue: 'rgba(0, 0, 0, 1)' // initialValue: 'rotate(90deg) translateX(5rem)'
})
}2 获取css自定义变量
const el = document.querySelector('.card');
const styleMap = el.computedStyleMap();
const computedProp = styleMap.get('--size');
console.log(computedProp); // » CSSUnitValue {unit: "px", value: 10}
// 或
const attributeProp = el.attributeStyleMap.get('--size'); // computedStyleMap和attributeStyleMap都可以用来获取属性集,但是computedStyleMap是只读的。解析<length>属性始终返回像素值。
3 设置css自定义变量
el.style.setProperty('--size', new CSSUnitValue(computedProp.value, 'vw'));
const propValue = el.style.getPropertyValue('--size');
console.log(propValue);
// » 10vw网友回复
python能写一个检测nginx rewrite高危漏洞的工具代码?
css如何给video视频进行mask遮罩?
windows如何同时允许两个用户远程桌面连接同一个电脑?
nginx升级到1.30.1导致无法启动 [emerg] SSL_CTX_new() failed怎么办?
什么是ASLR(地址随机化)?
有没有不依赖embedding向量的RAG技术?
有没有支持实时打断语音通话并后台帮你执行任何的ai模型?
开源ai大模型文件格式GGUF、MLX、Safetensors、 ONNX 有什么区别?
出海挣钱支付收款PayPal、Wise 、PingPong、Stripe如何选择?
如何实现类似google的图片隐形水印添加和识别技术?


