Sifat Style font
- halaman sebelumnya flexWrap
- halaman berikutnya fontFamily
- kembali ke tingkat tinggi Objek Style HTML DOM
Definisi dan penggunaan
font
Sifat ditetapkan/dikembalikan dalam bentuk singkatan untuk maksimum enam properti huruf tunggal.
Melalui sifat ini, anda boleh tetapkan/kembalikan kandungan berikut (dalam urutan ini):
font-size dan font-family diperlukan. Jika nilai lainnya kurang, maka nilai default akan disisipkan (jika ada).
atribut di atas juga dapat diatur menggunakan atribut gaya terpisah. Disarankan bagi penulis non-ahli untuk menggunakan atribut terpisah untuk memperoleh kontrol yang lebih baik.
lihat juga:
panduan CSS:Font CSS
panduan CSS:atribut font
contoh
contoh 1
atur font elemen <p>:
document.getElementById("myP").style.font = "italic bold 20px arial,serif";
contoh 2
kembalian font elemen <p>:
alert(document.getElementById("myP").style.font);
syarat
kembalian atribut font:
object.style.font
atur atribut 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 atribut
nilai | deskripsi |
---|---|
style | atur gaya font. |
variant | atur teks kecil huruf besar. |
weight | atur tebalnya 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 mengenali 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 | atur atribut ini ke nilai defaultnya. Lihat initial. |
inherit | mewarisi atribut ini dari elemen induknya. Lihat inherit. |
detil teknis
nilai default: | tidak disebutkan |
---|---|
nilai kembalian: | string, menunjukkan properti font berbeda untuk elemen. |
Versi CSS: | CSS1 |
dihubungkan perekena
Chrome | Edge | Firefox | Safari | Opera |
---|---|---|---|---|
Chrome | Edge | Firefox | Safari | Opera |
dihubungkan | dihubungkan | dihubungkan | dihubungkan | dihubungkan |
- halaman sebelumnya flexWrap
- halaman berikutnya fontFamily
- kembali ke tingkat tinggi Objek Style HTML DOM