Propriedade DOM style
backgroundColorelement.style.backgroundColor = valueCSS Property to camelCase Converter
Converta propriedades CSS com hífens para os nomes JavaScript usados em objetos style do DOM e no React. Vendor prefixes, float e custom properties seguem regras específicas de CSS.
Chave React style
backgroundColorstyle={{ backgroundColor: value }}Propriedades CSS padrão com hífens normalmente usam o mesmo nome camelCase em objetos style do DOM e no React.
A conversão acontece localmente no seu navegador.
Regras de conversão específicas de CSS
O conversor segue as regras de CSSOM e dos objetos style do React em vez de tratar toda propriedade como kebab-case genérico.
- Nomes padrão como background-color viram backgroundColor.
- Custom properties como --brand-color são preservadas e não viram brandColor.
- float é acessado como cssFloat em objetos style do DOM e como float no React.
- Vendor prefixes usam a capitalização esperada, como webkitLineClamp no DOM e WebkitLineClamp no React.
Traduza nomes da folha de estilos ao trabalhar com element.style ou CSSStyleProperties.
Prepare chaves para inline styles do React sem renomear CSS custom properties por engano.