Css tutorial-09
0 likes156 views
Dokumen tersebut membahas tentang pengaturan ukuran font menggunakan CSS dengan properti font-size dan menentukan ukuran dalam pixel atau satuan lain. Contoh kode menunjukkan pengaturan ukuran font paragraf menjadi 20 pixel sedangkan paragraf lain berukuran default.
Css tutorial-09
- 1. CSS Tutorial rosihanari.net 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: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>CSS Guide</title> <style type="text/css"> p.styled { font-size: 20px; /* membuat font berukuran 15 pixel */ } </style> </head> <body> <p class="styled">Ini adalah paragraf 1. Ini adalah paragraf 1. Ini adalah paragraf 1. Ini adalah paragraf 1. Ini adalah paragraf 1. Ini adalah paragraf 1. Ini adalah paragraf 1. Ini adalah paragraf 1. Ini adalah paragraf 1. Ini adalah paragraf 1. Ini adalah paragraf 1. Ini adalah paragraf 1. Ini adalah paragraf 1. Ini adalah paragraf 1. Ini adalah paragraf 1. </p> <p>Ini adalah paragraf 2. Ini adalah paragraf 2. Ini adalah paragraf 2. Ini adalah paragraf 2. Ini adalah paragraf 2. Ini adalah paragraf 2. Ini adalah paragraf 2. Ini adalah paragraf 2. Ini adalah paragraf 2. Ini adalah paragraf 2. Ini adalah paragraf 2. Ini adalah paragraf 2. Ini adalah paragraf 2. Ini adalah paragraf 2. Ini adalah paragraf 2. </p> </body> </html> Pada contoh di atas, paragraf pertama berukuran 20 pixel sedangkan paragraf kedua berukuran normal (default). Sebagai catatan, teks berukuran 16px secara dafault. Hasilnya tampak berikut ini Mengatur Ukuran Font 24
- 2. CSS Tutorial rosihanari.net Mengatur Ukuran Font 25