Property Text Style bisa kita gunakan untuk membuat gaya tulisan pada web kita. Adapun komponen Text Style atau yang berhubungan dengan model / gaya tulisan ( font ) dari CSS adalah sebagai berikut :
- Color
Property ini mengontrol warna dari text penulisan .
Selector {color: yello}
Value "yellow" bisa diubah kedalam kode hexadesimal
- Font-Weight
Property ini mengontrol tebal dari text.
Selector{font-weight: 100}
Value bisa ditulis dengan angka mulai 100 hingga seterusnya atau bisa ditulis dengan kata "bold".
- Font-Family
Property ini untuk mengatur font yang akan digunakan.
Selector{font-family: Arial}
Untuk jenis font yang digunakan sebaiknya gunakan font bawaan sistem Windows jika ingin selalu terbaca oleh user web.
- Font-Size
Property ini untuk mengatur ukuran font yang akan digunakan.
Selector{font-size: 12px}
Untuk ukuran font kita bisa menggunakan ukuran px, em atau small, medium, large dan lain-lain.
- Font-Variant
Property ini untuk mengatur font yang akan muncul apakah menggunakan huruf kecil atau small aps.
Selector{font-variant: small-caps} atau kita bisa menggunakan normal.
- Font-Style
Property ini untuk mengatur style font yang akan digunakan pada text.
Selector{font-style: italic} untuk pilihan value lainnya ada normal dan oblique.
- Text-Declaration
Property ini untuk mengatur style font lanjutan dari font style.
Selector{text-declaration: underline}
Value lain yaitu : line through, none, blink dan overline.
- Text-Transform
Property ini digunakan untuk mengatur capital font.
Selector{text-transform: lowercase} value lainnya : upperase dan capitalize.
Untuk meningkatkan pemahaman tentang css, sebaiknya perbanyak latihan karena perkembangan teknologi sangat cepat.... Salam semangat!!!
Tags:
CSS