Contoh
Mengatur ukuran font untuk elemen HTML yang berbeda:
h1 {
font-size: 250%;
}
h2 {
font-size: 200%;
}
p {
font-size: 100%;
}
Cobalah sendiri " Definisi dan Penggunaan
Properti font-size set ukuran font.
nilai default: | medium |
---|---|
mewarisi: | yes |
animatable: | yes. Read about animatable Try it |
Versi: | CSS1 |
sintaks JavaScript: | object .style.fontSize="14px" Try it |
Dukungan Browser
Angka-angka dalam tabel menentukan versi browser pertama yang sepenuhnya mendukung properti.
Milik | |||||
---|---|---|---|---|---|
font-size | 1.0 | 5.5 | 1.0 | 1.0 | 7.0 |
CSS Syntax
font-size:medium|xx-small|x-small|small|large|x-large|xx-large|smaller|larger|length|initial|inherit;
Nilai properti
Nilai | Deskripsi | Mainkan |
---|---|---|
medium | Menyetel font-size untuk ukuran menengah. Ini adalah default | Mainkan " |
xx-small | Menyetel font-size untuk ukuran xx-kecil | Mainkan " |
x-small | Menyetel font-size untuk ukuran kecil ekstra | Mainkan " |
small | Menyetel font-size untuk ukuran kecil | Mainkan " |
large | Menyetel font-size untuk ukuran besar | Mainkan " |
x-large | Menyetel font-size untuk ukuran ekstra besar | Mainkan " |
xx-large | Menyetel font-size untuk ukuran xx-besar | Mainkan " |
smaller | Menyetel font-size untuk ukuran lebih kecil dari elemen induk | Mainkan " |
larger | Menyetel font-size untuk ukuran yang lebih besar dari elemen induk | Mainkan " |
length | Menyetel font-size untuk ukuran yang tetap di px, cm, dll | Mainkan " |
% | Menyetel font-size ke persen ukuran font induk elemen | Mainkan " |
initial | Set properti ini ke nilai default. Baca tentang awal | Mainkan " |
inherit | Mewarisi properti ini dari elemen induknya. Baca tentang mewarisi |
Pages terkait
CSS tutorial: CSS Font
Referensi CSS: font property
Referensi HTML DOM: fontSize property