CSS Text

Disini kamu akan belajar tentang style pada text, membuat tulisan pada blog atau website mu menjadi lebih menarik dan nyaman untuk dibaca.



Text Color

Properti warna digunakan untuk mengatur warna teks . Warna dapat ditentukan oleh:
  • name - color name , seperti " red "
  • RGB - nilai RGB , seperti " rgb ( 255,0,0 ) "
  • Hex - nilai hex , seperti " # ff0000 "

Warna default untuk halaman didefinisikan dalam selektor body 

body {color: blue ; }
h1 {color : # 00FF00 ; }
h2 {color : rgb ( 255,0,0 ) ; }
Ucapan Untuk W3C CSS compliant : Jika anda mendefinisikan properti warna , Anda juga harus menentukan properti background-color .


Text Alignment

Properti text-align digunakan untuk mengatur alignment horizontal teks.Teks dapat dibuat terpusat , atau sejajar ke kiri atau kanan , atau rata kiri kanan .

Ketika text-align diatur rata kiri kanan, setiap baris ditarik sehingga setiap baris memiliki lebar yang sama , dan margin kiri dan kanan lurus (seperti di majalah dan surat kabar ) .

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


Text Decoration

Properti text-decoration digunakan untuk mengatur atau menghapus dekorasi dari teks .Properti text-decoration banyak digunakan untuk menghapus garis bawah dari link untuk tujuan desain :

a { text-decoration : none; }


Hal ini juga dapat digunakan untuk menghias teks :

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

Hal ini tidak dianjurkan untuk menggaris bawahi teks yang tidak link , karena hal ini sering membingungkan pengguna .


Text Transform

Teks -transform properti digunakan untuk menentukan huruf besar dan kecil dalam teks .Hal ini dapat digunakan untuk mengubah segalanya menjadi huruf besar atau kecil , atau memanfaatkan huruf pertama dari setiap kata. 

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


Text Indent

Properti text-indent digunakan untuk menentukan indentasi dari baris pertama dari teks.

p {text-indent : 50px; }
 
Bagikan halaman ke sosial media
 
 
 

   Komentar Anda