Property Text Layout ini berfungsi untuk mengatur bagaimana efek dari suatu layout suatu tulisan pada halaman web. Property ini lebih berfokus pada penempatan dan tampilan yang ditempatkan pada halaman web. Kita bisa mengombinasikan antara tampilan page layout dan text layout supaya tampilan website kita lebih elegan dan sesuai dengan keinginan dan jelasnya hal seperti ini tidak mungkin bisa dilakukan oleh html ( thok ) :)
Berikut adalah property - property dari Text Layout :
| Letter Spacing |
Property ini untuk mengontrol jarak spasi antar karakter. Cara penggunaanya dengan cara :
Selector{letter-spacing: normal} U ntuk value normal maka akan diatur oleh browser sebagai justify text. |
| Word Spacing |
Property ini digunakan untuk mengontrol jarak spasi antar text atau kata.
Selector{word-spacing: normal}
|
| Line Height |
Property ini digunakan untuk mengatur jarak line atau garis. Penggunaanya dengan cara
Selector{line-height: normal} |
| Text Indent |
Property ini untuk mengatur dari baris pertama yang masuk biasanya untuk awal paragraf. Penggunaannya
Selector{text-indent: 50px} |
| Text Align |
Property ini untuk mengatur posisi dari text. Cara menggunakan
Selector{text-align: justify} Value lain yaitu : left, right dan center. |
| Vertical Align |
Property ini untuk mengontrol jakar space antar text atau kata. Caranya :
Selector{vertical-align: top} Value lainnya yaitu text-top, text-bottom, bottom, middle, baseline, sub dan super. |
| Direction |
Property ini guna mengatur dan menentukan arah dari suatu tulisan pada website. Cara penggunaan :
Selector{direction: ltr} Value lainnya adalah rtl. NB : ltr untuk tulisan yang terbaca dari kiri ke kanan sedangkan rtl untuk tulisan yang terbaca dari kana ke kiri. |
| Unicode Bidi |
Property ini digunakan untuk mengontrol dan mengarahkan pada tulisan unicode. Penggunaanya :
Selector{unicode-bidi: bidi-override} Value lainnya adalah : normal dan embed. |
Selamat belajar....
Tags:
CSS