CSS でテキストの方向を左から右に変更できますか?

CSS でのテキストの方向の変更: 右から左

質問:

可能ですかCSSを使用して指定された文字列のテキストの方向を反転するには?たとえば、「This is it」を「ti si sihT」に変換しますか?

答え:

確かに、CSS にはテキストを制御できる一連のプロパティが用意されています。方向。目的の右から左へのテキスト方向を実現するには、次の CSS クラスをターゲット要素に適用します:

<code class="css">.cssClassName {
  direction: rtl;
  unicode-bidi: bidi-override;
}</code>

追加情報:

• direction: rtl: テキストの一般的な方向を指定します。この場合は右から左です。
• unicode-bidi: bidi-override: ブラウザに強制的にデフォルトの双方向テキスト アルゴリズムをオーバーライドして、希望の方向にテキストをレンダリングします。

使用法:

この右から左への書式設定を適用するには、 「.cssClassName」クラスを、反転するテキストを含む段落タグに追加します。例:

<code class="html"><p class="cssClassName">This is it</p></code>

結果:

<code class="text">ti si sihT</code>

以上がCSS でテキストの方向を左から右に変更できますか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。