4. Cara merubah ukuran font dengan CSS
A. Cara merubah ukuran font
Perintah untuk mengubah ukuran font menggunakan CSS adalah sebagai berikut.
.font1 {
font-size: 30px;
}
.font2 {
font-size: 200%;
}
.font3 {
font-size: 2em;
}
.font4 {
font-size: 1.5rem;
}
dalam penulisan script CSS diatas bahwa watuan ukuran fot bisa menggunakan px (pixel). Satuan ini sangat mudah untuk dipahami oleh chrome. Oleh karena itu kebanyak para blogger lebih menggunakan satua px (pixel).
satuan %(persen) adalah satuan yang sangat relatif. Samahalnya dengan px satuan ini juga sangat mudah untuk dipahami oleh chrome. jika kita menuliskan 80%
maka secara otomatis tulisan akan menyesuaikan ukuran sebesar 80%.
satuan em adalah satuan yang hampir sama seperti % (persen). 1em sama dengan 100% 0.8 sama dengan 80%. penulisan 0.8em dapat disingkat dengan hanya menulisakan .8em.
satuan rem adalah satuan terbaru dari CSS3 satuan ini adalah singkatan dari root em. satuan ini tidak didukung pada internet explorer 8 kebawah.
berikut cara penulisan script CSS pada HTML.
<html>
<head>Ukuran Font By Coding Lengkap</title>
</head>
<style>
.font1 {
font-size: 30px;
}
.font2 {
font-size: 200%;
}
.font3 {
font-size: 2em;
}
.font4 {
font-size: 1.5rem;
</style>
<body>
<div class="font1">
Kalimat yang menggunakan satuan px (pixel)
</div>
<div class="font2">
Kalimat yang menggunakan satuan % (persen)
</div>
<div class="font3">
Kalimat yang menggunakan satuan em
</div>
<div class="font4">
Kalimat yang menggunakan satuan rem (root em)
</div>
</body>
</html>
sekian tutorial kali ini. untuk selanjutnya saya akan memberikan tutorial cara mengubah jenis huruf dengan CSS. Sekian terima kasih. Semoga bermanfaat.
0 komentar:
Posting Komentar