Текст: справа налево (CSS)

Question

Есть ли код CSS, который изменяет этот текст

This is it

к этому

ti si sihT

Answer 1

Попробуйте это

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

EDIT: примените этот класс к тегу абзаца, и вы должны получить результаты, которые вы ищете.

Answer 2

Да, есть:

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

Answer 3

Это не справа налево, это зеркальное отображение.

CSS:

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

Answer 4

@ victor-jalencas дал ответ.

Другая вещь, о которой некоторые здесь начали говорить, это переворачивание, и это делается с помощью замены обычного текста на перевернутые эквиваленты Unicode.

Пример можно найти здесь: http://www.revfad.com/flip.html

Answer 5

Попробуйте, IE, похоже, довольно сложно отрисовывать шрифты, но это работает как прелесть во всех браузерах.Я протестировал IE 7-9, Ff, Chrome и Safari на 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";
}

Answer 6

Вы можете использовать CSS фильтр filp (поддерживается только в IE)

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