CSS - TEXT

a. Text color
properti ini digunakan untuk mengatur warna pada text, properti ini dapat dispesifikasikan berdasarkan:

• nama -nama warna (dlm english), misalnya “red”
• RGB – nilai RGB, misalnya “rgb(255,0,0)”
• Hex – nilai heksa, misalnya “#ff0000″

contoh penggunaan:

body {color:blue;}
h1 {color:#00ff00;}
h2 {color:rgb(255,0,0);}

b. text alignment
properti ini digunakan untuk mengatur posisi text (left, right, center, justify). Contoh penggunaannya:

h1 {text-align:center;}
p.date {text-align:right;}
p.main {text-align:justify;}

c. text decoration
properti ini digunakan untuk memberikan atau menghilangkan dekorasi pada text, misalnya:
a {text-decoration:none;}
kode css di atas akan menghilangkan dekorasi pada link/hyperlink yang biasanya ada (garis bawah). contoh penggunaan text decoration yg lainnya:

h1 {text-decoration:overline;}
h2 {text-decoration:line-through;}
h3 {text-decoration:underline;}
h4 {text-decoration:blink;}

d. text transformation
properti ini digunakan untuk mengatur transformasi text (uppercase, lowercase, dan lainnya). Misalnya:

p.uppercase {text-transform:uppercase;}
p.lowercase {text-transform:lowercase;}
p.capitalize {text-transform:capitalize;}

capitalize digunakan untuk mengubah text menjadi berhuruf besar untuk setiap awal kata.
e. text indentation
properti ini digunakan untuk menentukan jarak pada awal paragraf yang akan dibuat menjorok ke dalam (indentasi). Misalnya:

p {text-indent:50px;}

masih ada lagi properti text yang lainnya, seperti yang tertera pada gambar berikut: