Un souci avec cet outil ?

À propos de « CSS RTL Vers LTR En Ligne »

Cet outil transforme une feuille de style de droite à gauche en gauche à droite. Il échange les propriétés directionnelles (margin-right ⇄ margin-left, padding, border, float, text-align), réordonne les raccourcis à quatre valeurs, met en miroir les coins border-radius, change direction: rtl en ltr et ajoute direction: ltr à body pour que la mise en page se lise de gauche à droite.

C’est l’inverse du convertisseur LTR vers RTL — pratique quand vous partez d’un thème arabe, hébreu, persan ou ourdou et qu’il vous faut une version propre de gauche à droite. Collez votre CSS et obtenez une copie miroir correcte en une étape. La conversion est textuelle et ne touche que votre CSS ; les valeurs dans url(), les chaînes entre guillemets et transform restent inchangées.

Comment utiliser cet outil

Comment convertir du CSS de RTL vers LTR

  1. Collez votre CSS

    Copiez votre feuille de style de droite à gauche — fichier entier ou simple extrait — dans le champ de saisie.

  2. Lancez la conversion

    Cliquez sur Run. L’outil échange les propriétés et mots-clés right/left, réordonne les raccourcis à quatre valeurs, met en miroir les coins border-radius et change direction: rtl en ltr.

  3. Vérifiez la sortie

    Examinez le résultat : margin-right est devenu margin-left, float: right est devenu float: left, et une règle direction: ltr a été ajoutée à body.

  4. Copiez ou enregistrez

    Copiez le CSS converti et utilisez-le comme feuille de style gauche-à-droite par défaut, ou chargez-le pour [dir=ltr] / <html dir="ltr">.

  5. Testez dans le navigateur

    Passez votre page en LTR et vérifiez espacements, alignement et icônes. Ajustez à la main les valeurs sensibles à la direction dans url() ou transform, laissées intactes à dessein.