font
Misol
Qisqartma deklaratsiya yordamida shriftning ba’zi xususiyatlarini o‘rnating:
p.a {
font: 15px Arial, sans-serif;
}
p.b {
font: italic small-caps bold 12px/30px Georgia, serif;
}
O‘zingiz sinab ko‘ring »
Quyida ko‘proq "O‘zingiz sinab ko‘ring" misollari keltirilgan.
Ta’rif va qo‘llanilishi
font xususiyati quyidagilar uchun qisqartma xususiyatdir:
CSS font qisqartma xususiyati qoidalari
- font-size va font-family qiymatlari majburiy. Agar boshqa qiymatlardan biri yetishmasa, ularning standart qiymati ishlatiladi.
- Agar belgilangan bo‘lsa, font-style, font-variant va font-weight font-size’dan oldin kelishi kerak.
- Agar belgilangan bo‘lsa, line-height font-size’dan so‘ng darhol "/" belgisi bilan kelishi kerak, masalan: 15px/30px.
- font-family ko‘rsatilgan qiymatlarning oxirgisi bo‘lishi kerak.
| Standart qiymat: | Font xususiyatlarining standart qiymati |
|---|---|
| Meros qilinadi: | ha |
| Animatsiya qilinadi: | ha, alohida xususiyatlarga qarang. animatable haqida o‘qing Sinab ko‘ring |
| Versiya: | CSS1 |
| JavaScript sintaksisi: | object.style.font="italic small-caps bold 12px arial,sans-serif" Sinab ko‘ring |
Brauzerlarda qo‘llab-quvvatlash
Jadvaldagi sonlar xususiyatni to‘liq qo‘llab-quvvatlaydigan birinchi brauzer versiyasini ko‘rsatadi.
| Xususiyat | |||||
|---|---|---|---|---|---|
| font | 1.0 | 4.0 | 1.0 | 1.0 | 3.5 |
Eslatma: Har bir qiymatning brauzerlarda qo‘llab-quvvatlanishini quyida alohida ko‘ring.
CSS sintaksisi
font: font-style font-variant font-weight font-size/line-height font-family|caption|icon|menu|message-box|small-caption|status-bar|initial|inherit;
Xususiyat qiymatlari
| Xususiyat/Qiymat | Tavsif | Demo |
|---|---|---|
| font-style | Shrift uslubini belgilaydi. Standart qiymati — "normal" | Demo ❯ |
| font-variant | Shrift variantini belgilaydi. Standart qiymati — "normal" | Demo ❯ |
| font-weight | Shrift qalinligini belgilaydi. Standart qiymati — "normal" | Demo ❯ |
| font-size/line-height | Shrift o‘lchami va qator balandligini (line-height) belgilaydi. Standart qiymati — "normal" | Demo ❯ |
| font-family | Shrift oilasini belgilaydi. Standart qiymati brauzerga bog‘liq | Demo ❯ |
| caption | Yozuvli boshqaruv elementlari (tugmalar, ochiluvchi ro‘yxatlar va h.k.) ishlatadigan shriftdan foydalanadi | |
| icon | Ikonka yorliqlari ishlatadigan shriftdan foydalanadi | |
| menu | Ochiluvchi menyular ishlatadigan shriftlardan foydalanadi | |
| message-box | Dialog oynalari ishlatadigan shriftlardan foydalanadi | |
| small-caption | caption shriftining kichikroq varianti | |
| status-bar | Holat paneli (status bar) ishlatadigan shriftlardan foydalanadi | |
| initial | Bu xususiyatni standart qiymatiga o‘rnatadi. initial haqida o‘qing | |
| inherit | Bu xususiyatni ota elementidan meros qilib oladi. inherit haqida o‘qing |
Ko‘proq misollar
Misol
font xususiyatining boshqa ba’zi qiymatlari namoyishi.
<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>
O‘zingiz sinab ko‘ring »
Tegishli sahifalar
CSS darsligi: CSS shriftlar
HTML DOM ma’lumotnomasi: font xususiyati
W3Schools Pathfinder
Yutuqlaringizni kuzating – bu bepul!