Contoh
Mengatur font untuk <p> elemen:
document.getElementById("myP").style.font = "italic bold 20px arial,serif"; Cobalah sendiri " Definisi dan Penggunaan
Font set properti atau kembali hingga enam properti font yang terpisah, dalam bentuk singkatan.
Dengan properti ini, Anda dapat mengatur / mengembalikan berikut (dalam urutan ini):
- gaya tulisan
- font-varian
- font-weight
- ukuran huruf
- tinggi garis
- font-family
Font-size dan font-family diperlukan. Jika salah satu dari nilai-nilai lain yang hilang, nilai default akan dimasukkan, jika ada.
Sifat-sifat di atas juga dapat diatur dengan sifat gaya terpisah. Penggunaan properti terpisah sangat dianjurkan untuk penulis non-canggih untuk pengendalian yang lebih baik.
Dukungan Browser
Properti font didukung di semua browser utama.
Sintaksis
Kembali properti font:
object .style.font
Set 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
| Nilai | Deskripsi |
|---|---|
| style | Menyetel font-style |
| variant | Mengatur teks dalam font kecil-topi |
| weight | Set keberanian font |
| size | Mengatur ukuran font |
| lineHeight | Mengatur jarak antara garis |
| family | Mengatur font |
| caption | Font yang digunakan untuk kontrol keterangan (like buttons, drop-downs, etc.) |
| icon | Font yang digunakan untuk ikon label |
| menu | Font yang digunakan dalam menu |
| message-box | Font yang digunakan dalam kotak dialog |
| small-caption | Font yang digunakan dalam kontrol kecil |
| status-bar | Font yang digunakan dalam status bar jendela |
| initial | Set properti ini ke nilai default. Baca tentang awal |
| inherit | Mewarisi properti ini dari elemen induknya. Baca tentang mewarisi |
Rincian teknis
| Nilai default: | tidak ditentukan |
|---|---|
| Kembali Nilai: | Sebuah String, yang mewakili sifat font yang berbeda dari elemen |
| CSS Versi | CSS1 |
Contoh lebih
Contoh
Kembali font dari <p> elemen:
alert(document.getElementById("myP").style.font); Cobalah sendiri " Pages terkait
CSS tutorial: CSS Font
Referensi CSS: font property
<Style Object