SlideShare a Scribd company logo
1 of 2
Download to read offline
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
CSS Tutorial rosihanari.net
Mengatur Ukuran Font 25

More Related Content

Viewers also liked

Viewers also liked (20)

Introduction to E-learning
Introduction to E-learning Introduction to E-learning
Introduction to E-learning
 
Css tutorial-10
Css tutorial-10Css tutorial-10
Css tutorial-10
 
Css tutorial-20
Css tutorial-20Css tutorial-20
Css tutorial-20
 
Css tutorial-18
Css tutorial-18Css tutorial-18
Css tutorial-18
 
Css tutorial-05
Css tutorial-05Css tutorial-05
Css tutorial-05
 
Css tutorial-04
Css tutorial-04Css tutorial-04
Css tutorial-04
 
Css tutorial-12
Css tutorial-12Css tutorial-12
Css tutorial-12
 
Css tutorial-03
Css tutorial-03Css tutorial-03
Css tutorial-03
 
Sistem informasi-pengolahan-nilai-sekolah
Sistem informasi-pengolahan-nilai-sekolahSistem informasi-pengolahan-nilai-sekolah
Sistem informasi-pengolahan-nilai-sekolah
 
Css tutorial-13
Css tutorial-13Css tutorial-13
Css tutorial-13
 
Css tutorial-15
Css tutorial-15Css tutorial-15
Css tutorial-15
 
Css tutorial-03 2
Css tutorial-03 2Css tutorial-03 2
Css tutorial-03 2
 
Css tutorial-17
Css tutorial-17Css tutorial-17
Css tutorial-17
 
Css tutorial-19
Css tutorial-19Css tutorial-19
Css tutorial-19
 
Css tutorial-14
Css tutorial-14Css tutorial-14
Css tutorial-14
 
Css tutorial-08
Css tutorial-08Css tutorial-08
Css tutorial-08
 
Css tutorial-16
Css tutorial-16Css tutorial-16
Css tutorial-16
 
Css tutorial-11
Css tutorial-11Css tutorial-11
Css tutorial-11
 
Css tutorial-12 2
Css tutorial-12 2Css tutorial-12 2
Css tutorial-12 2
 
Bab 4 Rancangan Implementasi Sistem perancangan sis tem informasi pendaftaran...
Bab 4 Rancangan Implementasi Sistem perancangan sis tem informasi pendaftaran...Bab 4 Rancangan Implementasi Sistem perancangan sis tem informasi pendaftaran...
Bab 4 Rancangan Implementasi Sistem perancangan sis tem informasi pendaftaran...
 

Similar to Css tutorial-09

Similar to Css tutorial-09 (20)

Css tutorial-07
Css tutorial-07Css tutorial-07
Css tutorial-07
 
Css
CssCss
Css
 
Css tutorial-01
Css tutorial-01Css tutorial-01
Css tutorial-01
 
Css tutorial-01
Css tutorial-01Css tutorial-01
Css tutorial-01
 
Css tutorial-01
Css tutorial-01Css tutorial-01
Css tutorial-01
 
1210651097 css
1210651097 css1210651097 css
1210651097 css
 
Pemograman WEB (CSS)
Pemograman WEB (CSS)Pemograman WEB (CSS)
Pemograman WEB (CSS)
 
Css tutorial-07
Css tutorial-07Css tutorial-07
Css tutorial-07
 
Css tutorial-05
Css tutorial-05Css tutorial-05
Css tutorial-05
 
Laporan css 1210651099
Laporan css 1210651099Laporan css 1210651099
Laporan css 1210651099
 
Modul css
Modul cssModul css
Modul css
 
Laporan Pemrograman Berbasis Web
Laporan Pemrograman Berbasis WebLaporan Pemrograman Berbasis Web
Laporan Pemrograman Berbasis Web
 
materi webdesign - CSS
materi webdesign - CSSmateri webdesign - CSS
materi webdesign - CSS
 
Css tutorial-05
Css tutorial-05Css tutorial-05
Css tutorial-05
 
Pertemuan8
Pertemuan8Pertemuan8
Pertemuan8
 
Laporan Pemrograman Berbasis Web Tugas 4 Cascading Style Sheets
Laporan Pemrograman Berbasis Web Tugas 4 Cascading Style SheetsLaporan Pemrograman Berbasis Web Tugas 4 Cascading Style Sheets
Laporan Pemrograman Berbasis Web Tugas 4 Cascading Style Sheets
 
Css tutorial-13
Css tutorial-13Css tutorial-13
Css tutorial-13
 
Modul html
Modul htmlModul html
Modul html
 
Modul web-design
Modul web-designModul web-design
Modul web-design
 
05 XHTML CSS
05 XHTML CSS05 XHTML CSS
05 XHTML CSS
 

More from Karin Novilda (10)

Css tutorial-06
Css tutorial-06Css tutorial-06
Css tutorial-06
 
Css tutorial-02
Css tutorial-02Css tutorial-02
Css tutorial-02
 
Publikasi 08.11.22082
Publikasi 08.11.22082Publikasi 08.11.22082
Publikasi 08.11.22082
 
Publikasi 08.11.2208
Publikasi 08.11.2208Publikasi 08.11.2208
Publikasi 08.11.2208
 
Jurnal skripsi
Jurnal skripsiJurnal skripsi
Jurnal skripsi
 
Jurnal 13173sma nu maarif
Jurnal 13173sma nu maarifJurnal 13173sma nu maarif
Jurnal 13173sma nu maarif
 
Jbptunikompp gdl-rudiramlan-28836-16-sistemi-
Jbptunikompp gdl-rudiramlan-28836-16-sistemi-Jbptunikompp gdl-rudiramlan-28836-16-sistemi-
Jbptunikompp gdl-rudiramlan-28836-16-sistemi-
 
Bab skripsi
Bab skripsiBab skripsi
Bab skripsi
 
Bab iv
Bab ivBab iv
Bab iv
 
5 unikom-s-m
5 unikom-s-m5 unikom-s-m
5 unikom-s-m
 

Css tutorial-09

  • 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