2010-04-01 7 views

Répondre

29

Essayez cette

.cssClassName { direction:rtl; unicode-bidi:bidi-override; } 

EDIT: appliquent cette classe à une balise de paragraphe et vous devriez obtenir les résultats que vous cherchez.

5

Thats pour ne pas droite à gauche, thats miroir.

CSS:

direction: rtl; 
unicode-bidi:bidi-override; 
+0

Vous n'avez pas besoin d'utiliser Javascript. Il y a la direction de l'attribut CSS: rtl. –

+0

Vous avez raison, mais la direction en elle-même ne fait pas l'affaire, mis à jour ma réponse. – Fabian

7

Oui, il y a:

.reversed { 
    direction: rtl; unicode-bidi: bidi-override; 
} 
2

Vous pouvez utiliser CSS filter filp (uniquement pris en charge dans IE)

<div style="width: 300; height: 50; font-size: 30pt; font-family: Arial Black; color: red; Filter: FlipH">CSS Tutorials</div> 
2

@ victor-jalencas a donné la réponse.

L'autre chose dont certaines personnes ont commencé à parler ici est le retournement et cela se fait en remplaçant le texte normal par des équivalents inversés Unicode.

exemple se trouve ici: http://www.revfad.com/flip.html

+0

C'est le mauvais axe du miroir. –

2

Essayez ce, IE ne semble avoir un peu de mal à le rendu des polices sans à-coup, mais il fonctionne comme un charme dans tous les navigateurs. J'ai testé IE 7-9, Ff, Chrome et Safari sur Win 7

.flipText { 
display: block; 
-moz-transform: scaleX(-1); /* Gecko */ 
    -o-transform: scaleX(-1); /* Opera */ 
    -webkit-transform: scaleX(-1); /* webkit */ 
    transform: scaleX(-1); /* standard */ 
    filter: FlipH; /* IE 6/7/8 */ 
-ms-filter: "FlipH"; 
} 
+0

vous devriez également vous rappeler d'ajouter une couleur bg à votre élément qui contient le texte - pour le bénéfice de IE bien sûr. Sinon, vous pouvez ebd avec des polices TRES irrégulières rendues dans tous les IE. –