Contoh
Menentukan semua properti font dalam satu deklarasi:
p.ex1
{
font: 15px arial, sans-serif;
}
p.ex2
{
font: italic bold 12px/30px Georgia, serif;
}
Cobalah sendiri " Lebih "Try it Yourself" contoh di bawah ini.
Definisi dan Penggunaan
Properti singkatan huruf menetapkan semua properti font dalam satu deklarasi.
Sifat-sifat yang dapat diatur, adalah (in order) : "font-style font-variant font-weight font-size/line-height font-family"
Font-size dan font-family nilai yang diperlukan. Jika salah satu dari nilai-nilai lain yang hilang, nilai default akan dimasukkan, jika ada.
Note: Properti line-height menetapkan ruang antara garis.
| nilai default: | The default value of all the font properties |
|---|---|
| mewarisi: | yes |
| animatable: | yes, see individual properties . Read about animatable Try it |
| Versi: | CSS1 |
| sintaks JavaScript: | object .style.font="italic small-caps bold 12px arial,sans-serif" Try it |
Dukungan Browser
Angka-angka dalam tabel menentukan versi browser pertama yang sepenuhnya mendukung properti.
| Milik | |||||
|---|---|---|---|---|---|
| font | 1.0 | 4.0 | 1.0 | 1.0 | 3.5 |
Catatan: Lihat dukungan browser individu untuk setiap nilai di bawah.
CSS Syntax
font:font-stylefont-variantfont-weightfont-size/line-height
font-family |caption|icon|menu|message-box|small-caption|status-bar|initial|inherit;Nilai properti
| Nilai properti | Deskripsi |
|---|---|
| font-style | Menentukan gaya font. Nilai default adalah "normal" . Lihat font-style untuk nilai yang mungkin |
| font-variant | Menentukan varian font. Nilai default adalah "normal" . Lihat font-varian untuk nilai yang mungkin |
| font-weight | Menentukan berat font. Nilai default adalah "normal" . Lihat font-weight untuk nilai yang mungkin |
| font-size/line-height | Menentukan ukuran font dan line-height. Nilai default adalah "normal" . Lihat font-size dan line-height untuk nilai yang mungkin |
| font-family | Menentukan keluarga font. Nilai default tergantung pada browser. Lihat font-family untuk nilai yang mungkin |
| caption | Menggunakan font yang digunakan oleh kontrol captioned (seperti tombol, drop-down, dll) |
| icon | Menggunakan font yang digunakan oleh label ikon |
| menu | Menggunakan font yang digunakan oleh menu dropdown |
| message-box | Menggunakan font yang digunakan oleh kotak dialog |
| small-caption | Sebuah versi lebih kecil dari font caption |
| status-bar | Menggunakan font yang digunakan oleh status bar |
| initial | Set properti ini ke nilai default. Baca tentang awal |
| inherit | Mewarisi properti ini dari elemen induknya. Baca tentang mewarisi |
Contoh lebih
Contoh
Sebuah demonstrasi dari beberapa nilai properti font yang lainnya.
<p style="font:caption">The browser font used in captioned controls.</p>
<p style="font:icon">The browser font used in icon labels.</p>
<p
style="font:menu">The browser font used in dropdown menus.</p>
<p
style="font:message-box">The browser font used in dialog boxes.</p>
<p
style="font:small-caption">A smaller version of the caption font.</p>
<p
style="font:status-bar">The browser font used in the status bar.</p> Cobalah sendiri " Pages terkait
CSS tutorial: CSS Font
Referensi HTML DOM: font property