Atribut font-size CSS

Definisi dan penggunaan

Atribut font-size dapat menata ukuran font.

Keterangan

Atribut ini menata ukuran font elemen. Perhatikan bahwa hal ini menata tinggi kotak karakter font; bentuk karakter yang sebenarnya mungkin lebih tinggi atau lebih tinggi daripada kotak ini (biasanya lebih tinggi).

Font yang dihubungkan dengan setiap kata kunci harus lebih tinggi daripada font yang dihubungkan dengan kata kunci minimum dan lebih rendah daripada font yang dihubungkan dengan kata kunci maksimal.

Lihat juga:

Panduan Tutorial CSS:Font CSS

Panduan Referensi CSS:Atribut font CSS

Panduan Referensi HTML DOM:Atribut fontSize

Contoh

Atur ukuran untuk elemen HTML yang berbeda:

h1 {font-size:250%;}
h2 {font-size:200%;}
p {font-size:100%;}

Coba sendiri

Syarat CSS

font-size:menengah|xx-kecil|x-kecil|kecil|besar|x-besar|xx-besar|kecil|besar|length|initial|inherit;

Nilai atribut

Nilai Deskripsi
  • xx-kecil
  • x-kecil
  • kecil
  • menengah
  • besar
  • x-large
  • xx-large

Atur ukuran font menjadi berbagai ukuran, dari xx-small hingga xx-large.

Nilai default: menengah.
kecil Atur font-size menjadi ukuran yang lebih kecil daripada elemen induk.
besar Atur font-size menjadi ukuran yang lebih besar daripada elemen induk.
length Atur font-size menjadi nilai tetap.
% Atur font-size menjadi persentase dari ukuran font elemen induk.
inherit Aturan harus menerima ukuran font dari elemen induk.

Detil teknis

Nilai default: menengah
Inheritsi: ya
Versi: CSS1
Syarat JavaScript: object.style.fontSize="besar"

Contoh TIY

Pengaturan ukuran font
Contoh ini menunjukkan bagaimana mengatur ukuran font.

Dukungan browser

Angka di tabel menunjukkan versi pertama browser yang mendukung atribut ini penuh.

Chrome IE / Edge Firefox Safari Opera
1.0 5.5 1.0 1.0 7.0