Tuesday, March 20, 2018

Property Text Style atau TEXT STYLE


Property Text Style bisa anda gunakan untuk membuat gaya tulisan anda pada web.
Adapun komponen Text Style atau yang berhubungan dengan model atau gaya
tulisan/font dari CSS adalah sebagai berikut ini :
1. color
color Property ini mengontrol warna dari text penulisannya
Selektor {color:#000000}
Value bisa warna Hexadesimal bisa hanya tulisan misalnya untuk kuning
menggunakan Yellow.


---------------------------------------------------------------------------------------------------------
2. font-weight
    font-weight Property ini mengontrol tebal dari text penulisannya
    Selektor { font-weight:100}
   Value bisa anda tulis dengan angka mulai dari seratus dan dilanjutkan
   dengan kelipatannya atau bisa anda tulis dengan kata ‘Bold’ atau yang lain.


---------------------------------------------------------------------------------------------------------
3. font-family
   font-family Property ini untuk mengatur font yang anda pakai
   Selektor{font-family:Arial, Helvetica, sans-serif}
   Untuk jenis font sebaiknya menggunakan standard bawaan Windows,jika
   ingin terbaca oleh seluruh user.


------------------------------------------------------------------------------------------------------------
4. font-size
   font-size Property ini untuk mengatur ukuran font yang akan dipakai
  Selektor{ font-size:12px}
  Untuk ukuran font anda bisa menggunakan ukuran… px,…em atau
  small,medium,large dll.


------------------------------------------------------------------------------------------------------------
5. font-variant
    Property ini untuk mengatur font yang akan muncul apakah menggunakan
    huruf kecil atau small caps
   Selektor{ font-variant:small-caps} atau anda bisa menggunakan normal.


------------------------------------------------------------------------------------------------------------
6. font-style
    Property ini untuk mengatur style font yang akan digunakan pada text
    Selektor{ font-style:italic} pilihan value lain normal, oblique


------------------------------------------------------------------------------------------------------------
7. text-decoration
   Property ini untuk mengatur style font lanjutan dari font style.
   Selektor{text-decoration:underline} atau value lain : line through, none,
   blink, overline


------------------------------------------------------------------------------------------------------------
8. text-transform
    text-transform Property ini untuk mengatur capital font
    Selektor{ text-transform:lowercase} value lain: uppercase, capitalize


No comments:

Post a Comment

Follow Us