2010-04-01 7 views

Odpowiedz

29

Spróbuj

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

EDIT: zastosować tę klasę do znacznika ust i należy uzyskać wyniki szukasz.

5

ów nie od prawej do lewej, to jest to lustrzane odbicie.

CSS:

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

Nie musisz używać JavaScript. Istnieje kierunek atrybutu CSS: rtl. –

+0

Masz rację, ale sam kierunek nie działa, zaktualizował moją odpowiedź. – Fabian

7

Tak, jest:

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

Można użyć CSS filter filp (obsługiwane tylko w IE)

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

@ victor-jalencas dał odpowiedź.

Inną rzeczą, o której niektórzy ludzie zaczęli mówić, jest przerzucanie i odbywa się to z zastąpieniem zwykłego tekstu odpowiednikami z odwróceniem Unicode.

Przykład można znaleźć tutaj: http://www.revfad.com/flip.html

+0

To nieprawidłowa oś odbicia. –

2

Spróbuj tego, IE wydaje się mieć trochę ciężkim czasie renderowania czcionek płynnie, ale działa jak czar we wszystkich przeglądarkach. Przetestowałem IE 7-9, Ff, Chrome i Safari na 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

należy również pamiętać o dodaniu koloru do elementu zawierającego tekst - oczywiście dla korzyści IE. W przeciwnym razie możesz się pozbyć BARDZO postrzępionych czcionek renderowanych we wszystkich IE. –