Atribut font CSS

Definisi dan penggunaan

Atribut font pendek mengatur semua atribut huruf dalam satu deklarasi.

Keterangan:Atribut ini juga memiliki nilai keenam: "line-height", dapat mengatur jarak antar baris.

Pengertian

Atribut pendek ini digunakan untuk mengatur dua atau lebih aspek huruf elemen dalam sekali. Dengan menggunakan kata kunci seperti icon dapat menyesuaikan huruf elemen untuk sejalan dengan aspek yang ada di lingkungan komputer pengguna. Perhatian, jika tidak menggunakan kata kunci ini, setidaknya tentukan ukuran huruf dan seri font.

Bisa untuk mengatur urutan seperti berikut properti:

Bisa untuk tidak menetapkan salah satu nilai, seperti font:100% verdana; juga diizinkan. Atribut yang belum diset akan menggunakan nilai defaultnya.

Lihat juga:

Panduan CSS:Font CSS

Panduan Referensi HTML DOM:Atribut font

Contoh

Atur semua properti font di dalam satu deklarasi:

p.ex1
  {
  font:italic arial,sans-serif;
  }
p.ex2
  {
  font:italic bold 12px/20px arial,sans-serif;
  }

Coba Sendiri

Sintaksu CSS

font: font-style font-variant font-weight font-size/line-height font-family|caption|icon|menu|message-box|small-caption|status-bar|initial|inherit;

Nilai atribut

Nilai Deskripsi
font-style Tentukan gaya font. Lihat:font-style nilai yang mungkin.
font-variant Tentukan variasi font. Lihat:font-variant nilai yang mungkin.
font-weight Tentukan ketebalan font. Lihat:font-weight nilai yang mungkin.
font-size/line-height Tentukan ukuran font dan tinggi baris. Lihat:font-size dan line-height nilai yang mungkin.
font-family Tentukan seri font. Lihat:font-family nilai yang mungkin.
caption Mendefinisikan font yang digunakan oleh kontrol judul (seperti tombol, daftar pilihan jatuh, dll).
icon Mendefinisikan font yang digunakan oleh tanda ikon.
menu Mendefinisikan font yang digunakan oleh daftar pilihan jatuh.
message-box Mendefinisikan font yang digunakan oleh dialog.
small-caption Versi kecil dari font "caption".
status-bar Mendefinisikan font yang digunakan oleh baris status jendela.

Detil teknis

Nilai default: tidak disebutkan
Inheritsi: yes
Versi: CSS1
Sintaksu JavaScript: object.style.font="italic small-caps bold 12px arial,sans-serif"

TIY Contoh

Seluruh properti font di dalam satu deklarasi
Contoh ini menunjukkan bagaimana mengatur properti font di dalam sebuah deklarasi.
Pengaturan font paragraf menggunakan nilai "caption"
Contoh ini menunjukkan bagaimana mengatur font teks paragraf menggunakan nilai "caption".

Dukungan browser

Angka di tabel menunjukkan versi pertama browser yang mendukung atribut ini penuhnya.

Chrome IE / Edge Firefox Safari Opera
1.0 4.0 1.0 1.0 3.5