Gaya fontFamily Property
Contoh
Mengatur font untuk elemen:
document.getElementById("demo").style.fontFamily = "Impact,Charcoal,sans-serif";
Definisi dan Penggunaan
Properti fontFamily menyetel atau mengembalikan daftar nama font-family dan/atau nama keluarga-generik untuk teks dalam sebuah elemen.
Browser akan menggunakan nilai pertama yang dikenalinya.
Ada dua jenis nilai font-family:
- font-family: Nama font-family, seperti "verdana" atau "arial"
- generik-keluarga: Nama keluarga font generik, seperti "serif" atau "sans-serif"
Tip: Selalu tentukan nama keluarga generik sebagai alternatif terakhir!
Catatan: Pisahkan setiap nilai dengan koma.
Catatan: Jika nama font-family berisi spasi, itu harus dikutip.
Tip: Lihat font aman Web untuk kombinasi font yang umum digunakan.
Dukungan Peramban
Property | |||||
---|---|---|---|---|---|
fontFamily | Yes | Yes | Yes | Yes | Yes |
Sintaksis
Kembalikan properti fontFamily:
object.style.fontFamily
Setel properti fontFamily:
object.style.fontFamily = "font1, font2, etc.|initial|inherit"
Nilai properti
Value | Description |
---|---|
font1, font2, etc. | A comma-separated list of font-family names and/or generic-family names |
initial | Sets this property to its default value. Read about initial |
inherit | Inherits this property from its parent element. Read about inherit |
Detail Teknis
Nilai Bawaan: | tidak ditentukan |
---|---|
Nilai Kembali: | Sebuah String, mewakili nama font teks dalam elemen |
Versi CSS | CSS1 |
Lebih Banyak Contoh
Contoh
Demonstrasi nilai yang mungkin:
var listValue = selectTag.options[selectTag.selectedIndex].text;
document.getElementById("demo").style.fontFamily = listValue;
Contoh
Kembalikan font elemen:
alert(document.getElementById("demo").style.fontFamily);
Halaman Terkait
Tutorial CSS: Font CSS
Referensi CSS: properti font-family
Referensi DOM HTML: properti font
Objek Gaya