Dokumen tersebut memberikan tutorial singkat tentang pengaturan ukuran font menggunakan CSS dengan menggunakan properti font-size dan menentukan ukuran dalam satuan pixel. Contoh kode mengatur ukuran font paragraf pertama menjadi 20 pixel sedangkan paragraf kedua berukuran default.
1. CSS Tutorial rosihanari.net
Mengatur Ukuran Font 24
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