FONT DAN TEKS DALAM CSS

Font, digunakan untuk pengaturan jenis model huruf yang digunakan

Property Font dalam CSS :
1. Font-Family: Nilainya berupa nama font atau generic font.
Font-family : Verdana
Font-family : Verdana, Helvetica, Arial
2. Font Style : Nilainya beisi ”normal” untuk style font normal, ”italic” untuk style font miring, ”oblique” untuk style font tebal.
Font-style: normal
Font-style:italic
Font-style:oblique
3. Font-Variant Nilainya dapat berisi “normal” untuk variant font normal dan ”small-caps” untuk membuat variant font besar.
Font-variant:normal
Font-variant:small-caps
4. Font-Weight :atau dikenal ketebalan font dengan property :”font-weight”. Nilai property
- “normal” untuk ketebalan normal,
- “bold” untuk ketebalan font paling tebal,
- “bolder” untuk ketebalan font agak tebal,
- “lightger” untuk ketebalan font lebih kecil/kurus,
- ”100-900” untuk ketebalan font dengan nilai antara 100 hingga 900
Font-weight:normal
Font-weight:bold
Font-weight:bolder
Font-weight:lighter
Font-weight:300
5. Font-size : digunakan untuk menentukan ukuran dari font. Adapun nilai adalah ”normal” untuk ukuran font normal, atau menentukan dengan ukuran baik inci(in), centimeter(cm), ems(em), persentase(%), piksel(px) atau point(pt), ”absolute” dengan menentukan ukuran font absolute, ”relative” dengan menentukan ukuran font relative.
a. Normal : font-size:normal
b. Lenght : font-size:15px, font-size:15pt
c. Absolute : font-size:xx-small / x-small / small / medium / large / x-large / xx-large
d. Realtive : font-size:smaller, font-size:larger
e. Percentage : font-size:75%



Teks digunakan untuk mengatur pemodelan susunan teks yang ditampilkan.

1. Line-height ; untuk mengatur tinggi antar baris font. Nilai property line-height adalah ”normal” untuk tinggi font normal, “number” atau nomor untuk memasukkan angka tanpa nilai ukuran, “length” untuk menentukan panjang dengan ukuran, dan percentage untuk menentukan dalam persentase.
Line-height:normal
Line-height:1.5
Line-height:25px
Line-height:100%
2. Text-Decoration ; menentukan nilai dekorasi dari sebuah font.
Nilai dari text-decoration berupa :
”none” jika tidak terdapat dekorasi,
”under-line: jika tidak ingin menggunakan garis bawah,
”overline” jika teks akan menggunakan garis atas,
”line-throungh” jika teks akan menggunakan garis melintang dalam teks, dan ”
”blink” jika teks ingin terlihat berkedip.
Text-decoration:blink
3. text-transform ; berfungsi untuk memformat teks ke dalam bentuk format yang diinginkan. Nilainya berupa :
”none” jika tidak menggunakan format text-transform,
”capitalize” jika teks akan menggunakan huruf besar di awal kata,
”uppercase” jika seluruh teks akan menggunakan hurfu besar di tiap katanya,
”lowercase” jika seluruh teks akan menggunakan huruf kecil di tiap katanya.
Text-transform:none
Text-transform:capitalize
Text-transform:uppercase
Text-transform:lowercase
4. Text-Align ; berfugsi untuk membuat perataan (aligment) yang diinginkan. Nilai text-align berupa :
“left” untuk membuat perataan ke sebelah kiri,
“right” untuk membuat perataan ke sebelah kanan,
“center untuk membuat perataan ke tengah,
“justify” untuk membuat perataan hingga ke ujung garis tepi (justify).
Text-align:left / right / center / justify.
5. Text-Indent ; berguna untuk memberikan lekuk pada awal paragraph text atau indent paragraph. Nilai property text-indent adalah “length” untuk menentukan ukuran panjang dalam piksel(px), dan “percentage” untuk menentukan nilai dalam pesentase(%).
Text-indent :15px
Text-indent:15%
6. White-space ; berguna untuk memperlihatkan keseluruhan space dalam teks. Nilai dari white-spacem adalah “normal” untuk menyembunyikan space dalam teks dan “pre” untuk memperlihatkan keseluruhan space dalam teks.
White-space:pre