Conversor de CSS para objeto de estilo JS

Como usar

1. Cole suas declarações CSS na caixa de entrada.
2. Cada propriedade vira camelCase e cada valor é citado como string.
3. Copie o objeto de estilo gerado da caixa de saída.

Perguntas frequentes

Como os nomes de propriedade são convertidos?

Propriedades com hífen viram camelCase (font-size vira fontSize). Prefixos de fornecedor seguem as regras do React: -webkit- vira Webkit, enquanto -ms- permanece minúsculo ms.

E as propriedades personalizadas CSS?

Variáveis como --main-color mantêm o nome e viram uma chave entre aspas, já que o React as aplica literalmente.

Os valores são convertidos para números?

Não. Todos os valores são emitidos como strings entre aspas, o que é sempre válido. Remova as aspas manualmente para valores numéricos sem unidade se preferir.

Meu CSS é enviado para algum lugar?

Não. A conversão ocorre inteiramente no seu navegador; nada é enviado.

Ferramentas relacionadas