Belajar CSS: Membuat sebuah teks Rata Kanan-Kiri (Justify)

Untuk membuat sebuah teks tampil rata kanan-kiri (justify) silakan gunakan property text-align, contoh:

div { text-align: justify; text-justify: newspaper }
<div style=”text-align: justify; text-justify: newspaper”>This is “Newspaper” justified content</div>

Contoh mode justify yang lain:
auto The browser will determine the appropriate justification algorithm to use
distribute Justification is handled similarly to the “newspaper” value, but this version is optimized for East Asian content (especially the Thai language.) In this justification method, the last line is not justified.
distribute-all-lines Behavior and intent for this value is the same as with the “distribute” value, but the last line is also justified.
inter-cluster Justifies content that does not have any inter-word spacing (such as with many East Asian languages.)
inter-ideograph Used for justifying blocks of ideographic content. Justification is achieved by increasing or decreasing spacing between ideographic characters and words as well.
inter-word Justification is achieved by increasing the spacing between words. It is the quickest method of justification and does not justify the last line of a content block.
newspaper Spacing between letters and words are increased or decreased as necessary. The IE reference says “it is the most sophisticated form of justification for Latin alphabets.”

Wagiman Wiryosukiro

Petani Sistem Informasi, tukang las plugin & themes Wordpress. Co-Founder Saat ini aktif sebagai Developer & kontributor di OpenMandriva Linux.

You may also like...

2 Responses

  1. mazdodot says:

    Langsung praktek, dan langsung berhasil. Matur suwun Pak.

  2. ponseluler says:

    terima kasih pencerahannya mas. langsung praktek.

Leave a Reply

This site uses Akismet to reduce spam. Learn how your comment data is processed.

%d bloggers like this: