Properti gaya huruf
- halaman sebelumnya flexWrap
- halaman berikutnya fontFamily
- kembali ke tingkat atas Objek Style HTML DOM
Definisi dan penggunaan
font
Properti disetel/diembalikan dalam bentuk singkatan untuk maksimal enam properti huruf tunggal.
Dengan properti ini, Anda dapat menetapkan/kembalikan berikut ini (sesuai urutan):
font-size dan font-family diperlukan. Jika nilai lainnya kurang, maka nilai standar akan disisipkan (jika ada).
properti di atas juga dapat diatur menggunakan properti gaya yang terpisah. Disarankan pengguna yang bukan mahir untuk menggunakan properti yang terpisah untuk mendapatkan kontrol yang lebih baik.
lihat juga:
tutor CSS:Font CSS
panduan CSS:properti font
contoh
contoh 1
atur font elemen <p>:
document.getElementById("myP").style.font = "italic bold 20px arial,serif";
contoh 2
kembalikan font elemen <p>:
alert(document.getElementById("myP").style.font);
syarat
kembalikan properti font:
object.style.font
atur 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 | atur gaya font. |
variant | tetapkan teks ke huruf besar kecil. |
weight | atur ketebalan font. |
size | atur ukuran font. |
lineHeight | atur jarak baris. |
family | atur font. |
caption | font yang digunakan untuk kontrol judul (seperti tombol, menu tarik turun, dll). |
icon | font yang digunakan untuk menandai ikon. |
menu | font yang digunakan di menu. |
message-box | font yang digunakan di dialog. |
small-caption | font yang digunakan di kontrol kecil. |
status-bar | font yang digunakan di bawah baris status jendela. |
initial | Menata properti ini ke nilai standarnya. Lihat initial. |
inherit | Mengambil properti ini dari elemen induknya. Lihat inherit. |
detil teknis
Nilai standar: | tidak disebutkan |
---|---|
Nilai kembalian: | string yang merepresentasikan properti font elemen yang berbeda. |
Versi CSS: | CSS1 |
dukungan browser
Chrome | Edge | Firefox | Safari | Opera |
---|---|---|---|---|
Chrome | Edge | Firefox | Safari | Opera |
didukung | didukung | didukung | didukung | didukung |
- halaman sebelumnya flexWrap
- halaman berikutnya fontFamily
- kembali ke tingkat atas Objek Style HTML DOM