Propiedad DOM style
backgroundColorelement.style.backgroundColor = valueCSS Property to camelCase Converter
Convierte propiedades CSS con guiones a los nombres JavaScript usados por los objetos style del DOM y React. Los prefijos de proveedor, float y custom properties siguen reglas específicas de CSS.
Clave React style
backgroundColorstyle={{ backgroundColor: value }}Las propiedades CSS estándar con guiones usan normalmente el mismo nombre camelCase en objetos style del DOM y en React.
La conversión se ejecuta localmente en tu navegador.
Reglas de conversión específicas de CSS
El convertidor sigue las reglas de nombres de CSSOM y de los objetos style de React en lugar de tratar cada propiedad como kebab-case genérico.
- Los nombres estándar como background-color se convierten en backgroundColor.
- Las custom properties como --brand-color se conservan y no se convierten en brandColor.
- float se usa como cssFloat en objetos style del DOM y como float en React.
- Los prefijos de proveedor usan la capitalización esperada, por ejemplo webkitLineClamp en DOM y WebkitLineClamp en React.
Traduce nombres de hojas de estilo al trabajar con element.style o CSSStyleProperties.
Prepara claves para estilos inline de React sin renombrar por error CSS custom properties.