Czy istnieje kod CSS, który zmienia ten tekstTekst: prawej do lewej (CSS)
This is it
do tego
ti si sihT
Czy istnieje kod CSS, który zmienia ten tekstTekst: prawej do lewej (CSS)
This is it
do tego
ti si sihT
Spróbuj
.cssClassName { direction:rtl; unicode-bidi:bidi-override; }
EDIT: zastosować tę klasę do znacznika ust i należy uzyskać wyniki szukasz.
ów nie od prawej do lewej, to jest to lustrzane odbicie.
CSS:
direction: rtl;
unicode-bidi:bidi-override;
Tak, jest:
.reversed {
direction: rtl; unicode-bidi: bidi-override;
}
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>
@ 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
To nieprawidłowa oś odbicia. –
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";
}
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. –
Nie musisz używać JavaScript. Istnieje kierunek atrybutu CSS: rtl. –
Masz rację, ale sam kierunek nie działa, zaktualizował moją odpowiedź. – Fabian