CSS - perataan teks

Deskripsi

Properti text-align menentukan cara kotak garis diratakan dalam elemen level blok.

Nilai yang Mungkin

  • left - Tepi kiri setiap kotak garis sejajar dengan tepi kiri area konten elemen level blok.

  • right - Tepi kanan setiap kotak garis sejajar dengan tepi kanan area konten elemen level blok.

  • center - Pusat setiap kotak garis sejajar dengan pusat area konten elemen level blok.

  • justify - Tepi setiap kotak garis harus sejajar dengan tepi area konten elemen level blok.

  • string - Isi sel dalam kolom akan sejajar dengan string yang diberikan.

Berlaku untuk

Semua elemen level blok (kecuali nilai <string>, yang hanya berlaku untuk sel tabel).

Sintaks DOM

object.style.textAlign = "justify";

Contoh

Berikut adalah contoh yang menunjukkan cara meratakan teks -

<html>
   <head>
   </head>

   <body>
      <p style = "text-align:right;">
         This will be right aligned.
      </p>
      
      <p style = "text-align:center;">
         This will be center aligned.
      </p>
      
      <p style = "text-align:left;">
         This will be left aligned.
      </p>
   </body>
</html>

Ini akan menghasilkan hasil sebagai berikut -


Language