Properti text-justify CSS

Definisi dan Penggunaan

Properti text-justify menentukan cara penataan teks saat text-align diatur menjadi "justify".

Properti ini menentukan bagaimana baris teks diatur dan dipisahkan.

Contoh

Mengubah jarak kata untuk penataan baris yang sama:

div
{
text-align:justify;
text-justify:inter-word;
}

Coba Sendiri

Sintaksis CSS

text-justify: auto|inter-word|inter-ideograph|inter-cluster|distribute|kashida|trim;

Nilai properti

Nilai Deskripsi Pengujian
auto Browser menentukan algoritma penataan baris yang sama. Pengujian
none Nonaktifkan penataan baris yang sama. Pengujian
inter-word Menambahkan/mengurangi jarak kata. Pengujian
inter-ideograph Menata konten dengan teks makna. Pengujian
inter-cluster Hanya menata konten yang tidak mengandung spasi internal kata (seperti rumpun bahasa Asia). Pengujian
distribute Menyerupa halaman koran, kecuali baris terakhir di rumpun bahasa Tionghoa, Jepang, dan Korea yang belum teratur. Pengujian
kashida Menata konten dengan menyesuaikan karakter untuk mengeksentasi. Pengujian

Detil Teknologi

Nilai Default: auto
Inheritsi: yes
Versi: CSS3
Sintaksis JavaScript: object.style.textJustify="inter-word"

Dukungan Browser

Angka di tabel menunjukkan versi browser pertama yang mendukung properti ini penuh.

Chrome IE / Edge Firefox Safari Opera
Dukung * 11.0 55.0 10.0.3 Dukung *

* Fungsi ini berada di pilihan "Aktifkan Fitur Platform Web Eksperimen" (perlu diatur menjadi "Diaktifkan"). Untuk mengubah pilihan di Chrome: Masukkan "chrome://flags" di Peramban Chrome. Untuk mengubah pilihan di Opera: Masukkan "flags" di Peramban Opera.