dasar css (7) : Format Text

Text Color
Digunakan untuk memberi efek warna pada text

  • a HEX value – like “#ff0000”
  • an RGB value – like “rgb(255,0,0)”
  • a color name – like “red”

contoh:

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

coba
Text Alignment
Digunakan untuk melakukan perataan text pada dokumen, seperti pada pengolah kata, rata kanan, rata kiri, rata kanan kiri atau rata tengah.

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

coba

Text Decoration

properti text-decoration digunakan untuk mengatur hiasan text atau menghapus dekorasi dari text.
text-decoration bisanya digunakan untk menghapus underline dari elemen link

a {text-decoration:none;} 

coba
nilai dari properti text-decoration:
underline: membuat garis bawah
line-through: membuat garis ditengah
overline: membuat garis diatas
blink: membuat text berkedip

Text Transformation
Properti ini digunakan untk mengubah huruf kecil ke kapital semua atau sebaliknya.

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

coba

Leave a Reply

Your email address will not be published. Required fields are marked *