font-size

Properti CSS font-size digunakan untuk mengatur ukuran, atau ketinggian font.

Karena nilai properti font-size digunakan untuk menghitung nilai unit em dan ex, nilai properti font-size juga dapat mempengaruhi ukuran elemen lain pada halaman yang bergantung unit em atau ex.

Misalnya, jika dimensi elemen (lebar dan tinggi) ditentukan menggunakan satuan panjang em, maka ukuran font yang ditetapkan pada elemen akan memiliki efek langsung pada panjang dimensi elemen yang dihitung, karena em dan ex adalah satuan relatif, dan dimensi yang diatur dalam em dan ex relatif terhadap ukuran font yang ditetapkan pada elemen.

Kamu dapat membaca lebih lanjut tentang panjang relatif di tutorial CSS length.

Ukuran font dapat ditentukan sebagai nilai absolut atau relatif. Nilai absolut dapat ditentukan menggunakan kata kunci atau unit lenght yang telah ditentukan sebelumnya.

Nilai relatif ditentukan dengan menggunakan nilai lenght relatif atau nilai persentase. Nilai negatif untuk font tidak diperbolehkan.

Nilai aktual ukuran font dapat berbeda dari nilai yang dihitung karena nilai numerik pada penyesuaian ukuran font dan tidak tersedianya ukuran font tertentu.

CSS Syntax

font-size:medium | xx-small | x-small | small | large | x-large | xx-large | smaller | larger | length | initial |
inherit;

JavaScript Syntax

object.style.fontSize="14px"
Default value:medium
Inherited:ya
Animatable:ya Read about animatable
Version:CSS1

Attribute Value

none font-size: medium;

Teks akan menggunakan ukuran sedang default browser.

font-size: 20px;

Kamu dapat menggunakan nilai piksel.

font-size: 1.2em;

Kamu dapat menggunakan nilai em.

Nilainya relatif terhadap ukuran font induk.

Akibatnya, nilai akan mengalir jika digunakan pada elemen anak.

font-size: 1.2rem;

Kamu dapat menggunakan nilai rem.

Nilainya relatif terhadap ukuran font elemen root, yang merupakan elemen <html>.

Akibatnya, nilai tidak akan bervariasi tergantung pada kedalaman elemen dalam hierarki HTML, dan akan memeriksa kembali konteksnya secara independen.

font-size: 90%;

Anda dapat menggunakan nilai persentase. Mereka bertindak seperti nilai mereka.

Nilainya relatif terhadap ukuran font induk.

Akibatnya, nilai akan mengalir jika digunakan pada elemen anak.

font-size: smaller;

Kamu dapat menggunakan kata kunci relatif. Nilai ini relatif terhadap induknya.

Berikut ini yamg tersedia:

  • larger
  • smaller

font-size: x-large;

Kamu dapat menggunakan kata kunci absolut. Nilai ini relatif terhadap elemen root.

Berikut ini yang tersedia:

  • xx-small
  • x-small
  • small
  • medium
  • large
  • x-large
  • xx-large