tutorial pengembangan web terbaru
 

Style font Property

<Style Object

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

Internet ExplorerFirefoxOperaGoogle ChromeSafari

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