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;
font-size: 20px;
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:
largersmaller
font-size: x-large;
Kamu dapat menggunakan kata kunci absolut. Nilai ini relatif terhadap elemen root.
Berikut ini yang tersedia:
xx-smallx-smallsmallmediumlargex-largexx-large