Invertir CSS (LTR a RTL)
Convierte CSS de izquierda a derecha (LTR) en CSS de derecha a izquierda (RTL), para sitios en árabe, hebreo y persa, y al revés.
Cómo usarInvierte el CSS a RTL.
Disponible en: 
Invertir CSS (LTR a RTL): para qué sirve
Pega el CSS y la herramienta cambia left por right, invierte margin, padding, border-width y border-radius de cuatro valores, ajusta float, text-align, direction, cursores, sombras y translateX, para que el diseño funcione en idiomas escritos de derecha a izquierda. Las declaraciones marcadas con /* norotate */ quedan igual.
Cómo usar
- Pega el CSS original.
- Revisa el CSS invertido.
- Cópialo y úsalo en la versión RTL del sitio.
Cuándo usar
- Traducir sitios al árabe o al hebreo.
- Adaptar temas y librerías de CSS.
- Comparar el diseño LTR y RTL.
Preguntas frecuentes
¿Qué cambia la herramienta?
Cambia left por right en propiedades y valores (margin-left, padding-right, float, text-align, left/right), invierte los atajos de cuatro valores de margin, padding, border-width y border-radius, cambia direction ltr por rtl, cursores como e-resize y w-resize y el signo de translateX.
¿Puedo evitar que se cambie una línea?
Sí. Pon el comentario /* norotate */ o /*rtl:ignore*/ al final de la declaración y queda como está.
¿No sería mejor usar propiedades lógicas?
Para CSS nuevo, sí: margin-inline-start, padding-inline-end e inset-inline-start se ajustan solas al sentido del texto. Esta herramienta sirve para convertir CSS antiguo o de terceros.
¿Es gratis de verdad?
Sí, 100% gratis. Sin registro, sin suscripción y sin límite de uso. Todas las herramientas de Tools123 son gratuitas.