Bagaimana Anda Membalikkan Arah Teks dalam CSS?

Cara Membalikkan Arah Teks dalam CSS

Apabila bekerja dengan teks, mungkin terdapat situasi di mana anda perlu membalikkan arahnya, supaya ia mengalir dari kanan ke kiri dan bukannya lalai kiri ke kanan. Artikel ini menyediakan penyelesaian untuk senario sedemikian menggunakan CSS.

Kod CSS untuk Menukar Arah Teks

Kod CSS berikut boleh digunakan untuk membalikkan arah teks:

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

Memohon Kelas

Untuk menggunakan kod ini, gunakan kelas .cssClassName pada elemen HTML yang mengandungi teks yang ingin anda undurkan. Sebagai contoh, jika anda mempunyai teg perenggan dengan teks berikut:

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

Dan anda ingin membalikkan arahnya, gunakan kelas seperti ini:

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

Teks yang terhasil akan be:

ti si sihT

Nota: Pastikan kelas .cssClassName digunakan pada elemen yang mengandungi teks kerana ia tidak akan berfungsi pada elemen kosong.

Atas ialah kandungan terperinci Bagaimana Anda Membalikkan Arah Teks dalam CSS?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!