Cara Menggunakan Property CSS text-justify

Saat menggunakan text-align: justify, perilaku spasi antara kata-kata dapat didefinisikan dengan properti justifikasi teks.

Ada beberapa cara browser dapat membenarkan konten pada suatu baris, seperti mendistribusikan ulang ruang putih antara kata-kata (lihat spasi-kata) atau antara huruf (lihat spasi-huruf), misalnya, sehingga konten inline pada setiap baris “mengembang” untuk mengisi seluruh garis dari satu ujung wadah ke yang lain.

Text-justify memilih metode justifikasi yang digunakan ketika penyelarasan garis (text-align) diatur ke justify (lihat penyelarasan teks). Oleh karena itu, ini hanya berfungsi pada teks yang memiliki text-align: justify set.

Official Syntax:

 

Values:

auto: Ini adalah nilai default. Browser menentukan algoritma pembenaran yang tepat untuk diikuti, berdasarkan keseimbangan antara kinerja dan kualitas presentasi yang memadai.

none: Pembenaran dinonaktifkan. Nilai ini dimaksudkan untuk digunakan dalam lembar gaya pengguna untuk meningkatkan keterbacaan atau untuk tujuan aksesibilitas.

inter-word: Browser menyesuaikan (biasanya meningkat) jarak antar kata saja (secara efektif memvariasikan spasi kata yang digunakan pada baris). Perilaku ini tipikal untuk bahasa yang memisahkan kata menggunakan spasi, seperti Bahasa Inggris atau Bahasa Korea. Ini adalah yang tercepat dari semua nilai. Perilakunya tidak memengaruhi baris terakhir paragraf. Untuk membenarkan baris terakhir, seperti text-align-last.

distribute: Browser menyesuaikan (biasanya meningkat) jarak antara setiap pasangan karakter yang berdekatan (secara efektif memvariasikan spasi huruf yang digunakan pada baris).
Nilai ini kadang-kadang digunakan dalam mis. Jepang.

Catatan:

Algoritma justifikasi yang tepat tergantung pada browser; Namun, CSS menyediakan beberapa pedoman umum.
Nilai-nilai lain yang belum tercantum dalam spesifikasi juga tersedia, semuanya saat ini hanya berfungsi di Internet Explorer. Tabel berikut mencantumkan nilai-nilai ini dengan deskripsi singkat tentang perilaku masing-masing:

• distribut-all-lines:  seperti nilai koran, kecuali bahwa baris terakhir juga dibenarkan.
• inter-cluster:  hanya konten yang tidak mengandung spasi antar-kata (seperti bahasa Asia) yang dibenarkan.
• inter-ideograph: membenarkan konten dengan teks ideografi.
• kashida: membenarkan konten dengan memperpanjang karakter.
• newspaper: Jarak antara huruf dan kata bertambah atau berkurang.

Contoh: