Kamis, Juli 22, 2021
BerandaTutorial Belajar CSSCara Mengubah Ukuran Font Teks HTML dengan CSS font-size

Cara Mengubah Ukuran Font Teks HTML dengan CSS font-size

tutorial belajar format text dengan css kali ini kita akan belajar mengatur ukuran font dengan css, properti css untuk mengatur ukuran font adalah font-size.

Property font-size

properti font-size adalah properti untuk mengubah ukuran font, dengan properti font-size kita bisa memperbesar ukuran font atau bisa juga untuk memperkecil

Sintak font-size

untuk mengunakan properti font-size kita bisa menulis properti font-size kedalam style css dengan cara sebagai berikut:

dengan sintak diatas artinya saya akan mengubah ukuran font dari tag h1, h2, dan tag p.
properti font-size bisa diterapkan dengan nilai apa saja, dan memiliki banyak “satuan ukuran” seperti pixelkeyword seperti small, medium, large, ukuran satuan persenem, dan juga ukuran lain seperti cm, mm, pt, dan pica.
untuk lebih memahami dalam penerapan satuan nilai baik itu pixel, dan satuan lainnya maka lebih baik kita lihat contoh mengubah ukuran font dengan css dibawah ini:

Contoh Font Size ukuran Pixel

dalam contoh diatas font h1 berukuran 40px, font h2 berukuran 30px, sedangkan paragraf berukuran 14px. untuk melihat hasil lainnya silakan diedit code diatas ganti semua ukuran lalu jalankan dan lihat hasilnya.

Contoh font size ukuran persen

Contoh font size ukuran EM

Contoh Font Size Ukuran Persen dan EM

Penggunaan satuan nilai lainnya caranya sama seperti yang diatas, hanya mengubah satuannya seperti cm, dll.Cara ganti ukuran font size 100, css memperkecil tulisan, mengatur ukuran huruf di php, tag untuk memperbesar tulisan, ukuran font, ukuran huruf html css

Video Terbaru

RELATED ARTICLES

Apa yang anda pikirkan?

Most Popular