Properti font gaya
Contoh
Mengatur font untuk elemen:
document.getElementById("demo").style.font = "italic bold 20px arial,serif";
Definisi dan Penggunaan
Properti font mengatur atau mengembalikan hingga enam properti font terpisah, dalam bentuk singkatan.
Dengan properti ini, Anda dapat mengatur/mengembalikan yang berikut (dalam urutan ini):
- gaya tulisan
- font-varian
- font-berat
- ukuran huruf
- tinggi garis
- font-family
Ukuran font dan font-family diperlukan. Jika salah satu nilai lainnya tidak ada, nilai default akan dimasukkan, jika ada.
Properti di atas juga dapat diatur dengan properti gaya terpisah. Penggunaan properti terpisah sangat disarankan untuk penulis non-lanjutan untuk pengendalian yang lebih baik.
Dukungan Peramban
Property | |||||
---|---|---|---|---|---|
font | Yes | Yes | Yes | Yes | Yes |
Sintaksis
Kembalikan properti font:
object.style.font
Setel properti font:
object.style.font = "font-style font-variant font-weight font-size/line-height|caption|icon|menu|
message-box|small-caption|status-bar|initial|inherit;"
Nilai properti
Value | Description |
---|---|
style | Sets the font-style |
variant | Sets the text in a small-caps font |
weight | Sets the boldness of the font |
size | Sets the size of the font |
lineHeight | Sets the distance between lines |
family | Sets the font face |
caption | The font used for captioned controls (like buttons, drop-downs, etc.) |
icon | The font used to label icons |
menu | The font used in menus |
message-box | The font used in dialog boxes |
small-caption | The font used in small controls |
status-bar | The font used in window status bars |
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 properti font yang berbeda dari elemen |
Versi CSS | CSS1 |
Lebih Banyak Contoh
Contoh
Kembalikan font elemen:
alert(document.getElementById("demo").style.font);
Halaman Terkait
Tutorial CSS: Font CSS
Referensi CSS: properti font
Objek Gaya