27 June 2007

Text Indent

Scripting HTML murni tidak mengenal tombol tab maupun enter, maksudnya anda perlu memasukan kode tambahan sekedar untuk membuat baris baru ataupun memberikan jarak pada awal paragraf anda.

Bila tombol enter bisa digantikan dengan sebuah tag <br>, maka anda memerlukan kode css untuk memberi sedikit jarak pada awal paragraf. Kode yang dimaksud adalah text-indent, text-indent berarti jarak antara huruf pertama pada awal paragraf anda dengan bagian terkiri pada paragraf itu.

Contoh hasil dari kode diatas adalah semua indent pada tiap paragraf yang ada di blog ini. kode yang diberikan adalah <p style='text-indent: 35px'>text</p>. Nilai 35px bisa diganti sesuai keinginan anda.

Karena tidak mungkin menulis kode tersebut di tiap paragraf yang ada, maka untuk membuat text-indent pada semua paragraf anda, maka anda perlu memasukan kode dibawah ini pada bagian style di halaman situs anda.


p {

text-indent: 35px;

}

Dengan kode diatas, secara otomatis semua paragraf yang ada di halaman anda akan memiliki indent yang sama, yaitu 35 piksel.

No comments:

Post a Comment