CSS Styling Text

hello sahabat global html kali ini kita akan membahasa tentang CSS Styling Text, Properti CSS untuk Text dan nilai dari masing­masing properti CSS untuk text adalah sebagai berikut 

Deskripsi / Kegunaan Properti

• color di gunakan untuk Mengatur warna dari text Nilai untuk properti ini adalah warna seperti yang saya jelaskan diatas pada properti backgroundcolor 

• direction digunakan untuk Mengatur arah dari Text ltr dan rtl 

• line­height di gunakan untuk Mengatur jarak baris text normal number length % 

• letter­spacing  digunakan Untuk menambah atau mengurangi jarak spasi dari karakter text normal length 

• textdecoration digunakan utnuk Menambah dekorasi/hiasan text none underline overline line­through blink 

• text­indent di gunakan untuk Memberi jarak untuk baris kalimat pertama dari text yang ada dalam elemen HTML length % 

• text­shadow Digunakan untuk memberi bayangan pada text none color length

• vertical­align digunakan untuk Mengatur garis vertical dari suatu elemen baseline sub super top text­top middle bottom text­bottom length %

• white­space Mengatur bagaimana space putih didalam elemen HTML ditampilkan normal pre nowrap

• word-spacing Menambah atau mengurangi spasi antar kata

Text Color

Properti warna yang digunakan untuk mengatur warna teks.

Dengan CSS, warna yang paling sering ditentukan oleh:

• nilai HEX – seperti “# ff0000″
• sebuah nilai RGB – seperti “rgb (255,0,0)”
• nama warna – seperti “merah”

Warna default untuk halaman didefinisikan dalam pemilih tubuh / body.

contoh :

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

Text Alignment

Properti text-align digunakan untuk mengatur alignment horizontal dari sebuah teks.
Teks dapat terpusat, atau berpihak ke kiri atau kanan, atau dibenarkan.Ketika text-align diatur untuk “membenarkan”, setiap baris ditarik sehingga setiap barismemiliki lebar yang sama, dan margin kiri dan kanan lurus (seperti di majalah dan surat kabar).

contoh :

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

Text Decoration

Properti text-decoration digunakan untuk membuat atau menghapus dekorasi dari teks.

Properti text-decoration banyak digunakan untuk menghapus menggarisbawahi dari linkuntuk tujuan desain:

contoh :

a {text-decoration: none;}

Hal ininjuga dapat digunakan untuk menghias text :

contoh :

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

Text Transformation

Properti teks transform digunakan untuk menentukan huruf besar dan huruf kecil dalam sebuah teks.

Hal ini dapat digunakan untuk mengubah segalanya menjadi huruf besar atau huruf kecil, atau memanfaatkan huruf pertama dari setiap kata.

contoh :

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

Text Identation

Properti teks lekukan digunakan untuk menentukan indentasi dari baris pertama dari teks.

contoh :

p {text-indent: 50px;}