Как изменить направление текста в CSS

При работе с текстом могут возникнуть ситуации, когда вам нужно изменить его направление, чтобы он течет справа налево, а не слева направо по умолчанию. В этой статье представлено решение для таких сценариев с использованием CSS.

CSS-код для изменения направления текста

Следующий код CSS можно использовать для изменения направления текста:

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

Применение класса

Чтобы применить этот код, используйте класс .cssClassName к элементу HTML, содержащему текст, который вы хотите перевернуть. Например, если у вас есть тег абзаца со следующим текстом:

This is it

И вы хотите изменить его направление, примените класс вот так:

This is it

Результирующий текст будет таким:

ti si sihT

Примечание: Убедитесь, что класс .cssClassName применяется к элементу, содержащему текст, поскольку он не будет работать с пустыми элементами.