首页 / 开发工具 / CSS ↔ 对象互转

CSS ↔ 对象互转工具

CSS 属性与 JS 对象互转,生成内联样式

关于本工具

CSS 转 JS 对象工具,在做 React、小程序这类组件化开发时特别省事:一段写在样式表里的 font-size、margin-top、background,粘贴进来一键就转成驼峰风格的 JS 对象 fontSize、marginTop,直接拿去当 inline style。反过来,你有一份 {fontSize:"16px"} 的对象字面量,也能转回成 font-size:16px 的标准 CSS 属性,方便粘回样式文件或检查器里验证。工具还能顺手输出带引号键名的对象、或转换成适合 JSX 的内联写法,省去手敲驼峰命名和引号容易错的不必要麻烦。