Selasa, 15 Oktober 2013

Mengatur Teks Pada CSS3


STYLE UNTUK FONT FAMILY

Font family digunakan untuk menentukan jenis huruf/font pada suatu tampilan teks. Berikut ini adalah nama properti dan penulisan valuenya:

font-family: name;    
dengan name adalah jenis font yang Anda inginkan.

Contoh:
p {
font-family: arial;
}

Anda juga dapat memberikan jenis font lebih dari satu yang dipisahkan dengan koma.  
Contoh:
p {
font-family : "arial black", arial, "Times New Roman";
}

Maksud dari style di atas adalah bahwa jenis font arial black akan diprioritaskan untuk digunakan. Namun apabila font tersebut tidak disupport oleh browser maka yang digunakan arial, begitu seterusnya.

Sebagai catatan, untuk jenis font yang terdiri dari lebih satu kata harus diapit dengan tanda petik ganda (double quotes).


MENGATUR UKURAN FONT  


Pengaturan ukuran font dapat dilakukan dengan style yang menggunakan properti 

font-size : size;

dengan size diisi angka yang menyatakan ukuran disertai satuannya.

Contoh: 




















CSS Guide


Pada contoh diatas, paragraph pertama berukuran 20 pixel sedangkan paragraph kedua berukuran normal (default). Sebagai catatan, teks berukuran 16px secara default.

Hasilnya tampak berikut ini:




MEMBUAT TEKS ITALIC

Membuat teks italic dapat pula dilakukan melalui style. Berikut ini cara penulisannya:

Style diatas akan menghasilkan teks paragraph yang berjenis font arial dan italic.




MEMBUAT TEKS TEBAL (BOLD)

Untuk membuat teks tebal atau bold, property yang digunakan adalah:

Tampilannya seperti dibawah ini:


















Tidak ada komentar:

Posting Komentar