Inverter CSS (LTR para RTL)
Converta CSS da esquerda para a direita (LTR) em CSS da direita para a esquerda (RTL), para sites em árabe, hebraico e persa, e vice-versa.
Como usarInverta o CSS para RTL.
Inverter CSS (LTR para RTL): para que serve
Cole o CSS e a ferramenta troca left por right, inverte margin, padding, border-width e border-radius de quatro valores, ajusta float, text-align, direction, cursores, sombras e translateX, para o layout funcionar em idiomas escritos da direita para a esquerda. Declarações marcadas com /* norotate */ ficam como estão.
Como usar
- Cole o CSS original.
- Confira o CSS invertido.
- Copie e use na versão RTL do site.
Quando usar
- Traduzir sites para árabe ou hebraico.
- Adaptar temas e bibliotecas de CSS.
- Comparar o layout LTR e RTL.
Perguntas frequentes
O que a ferramenta troca?
Troca left por right em propriedades e valores (margin-left, padding-right, float, text-align, left/right), inverte os atalhos de quatro valores de margin, padding, border-width e border-radius, troca direction ltr por rtl, cursores como e-resize e w-resize e o sinal de translateX.
Posso impedir a troca de uma linha?
Sim. Coloque o comentário /* norotate */ ou /*rtl:ignore*/ no fim da declaração e ela fica como está.
Não seria melhor usar propriedades lógicas?
Para CSS novo, sim: margin-inline-start, padding-inline-end e inset-inline-start se ajustam sozinhas ao sentido do texto. Esta ferramenta é útil para converter CSS antigo ou de terceiros.
É grátis mesmo?
Sim, 100% grátis. Sem cadastro, sem assinatura e sem limite de uso. Todas as ferramentas do Ferramentas123 são gratuitas.