点击查看html编辑器说明文档

CSS varedit icon

|
|
Fork(复制)
|
|
作者:
cup11

👉 新版编辑器已上线,点击进行体验吧!

BUG反馈
嵌入
设置
下载
HTML
格式化
支持Emmet,输入 p 后按 Tab键试试吧!
<head> ...
展开
</head>
<body>
            
            <div style="--width: 100px;"></div>
<button>Click</button>
        
</body>
CSS
格式化
            
            body {
  padding: 8px;
}

div {
  width: var(--width);
  height: 20px;
  border: 1px solid black;
  transition: width 1s ease-in-out;
}

        
JS
格式化
            
            document.querySelector("button").addEventListener('click', () => {
  document.querySelector("div").style.cssText = "--width: 200px;";
})

        
预览
控制台