font-family
Misol
Ikkita paragraf uchun shriftni belgilang:
p.a {
font-family: "Times New Roman", Times, serif;
}
p.b {
font-family: Arial, Helvetica, sans-serif;
}
O‘zingiz sinab ko‘ring »
Ta’rif va qo‘llanilishi
font-family xususiyati element uchun shriftni belgilaydi.
font-family xususiyati "zaxira" (fallback) tizimi sifatida bir nechta shrift nomini saqlashi mumkin. Agar brauzer birinchi shriftni qo‘llab-quvvatlamasa, keyingi shriftni sinab ko‘radi.
Shrift oilasi nomlarining ikki turi mavjud:
- family-name - shrift oilasining nomi, masalan, "times", "courier", "arial" va h.k.
- generic-family - umumiy oila nomi, masalan, "serif", "sans-serif", "cursive", "fantasy", "monospace".
Kerakli shriftdan boshlang va har doim umumiy oila bilan yakunlang — shunda boshqa shriftlar mavjud bo‘lmasa, brauzer umumiy oiladan o‘xshash shriftni tanlay oladi.
Eslatma: Har bir qiymatni vergul bilan ajrating.
Eslatma: Agar shrift nomida bo‘sh joy bo‘lsa, u qo‘shtirnoq ichiga olinishi kerak. HTML’da "style" atributidan foydalanilganda bittalik qo‘shtirnoq ishlatilishi shart.
| Standart qiymat: | brauzerga bog‘liq |
|---|---|
| Meros qilinadi: | ha |
| Animatsiya qilinadi: | yo‘q. animatable haqida o‘qing |
| Versiya: | CSS1 |
| JavaScript sintaksisi: | object.style.fontFamily="Verdana,sans-serif" Sinab ko‘ring |
Brauzerlarda qo‘llab-quvvatlash
Jadvaldagi sonlar xususiyatni to‘liq qo‘llab-quvvatlaydigan birinchi brauzer versiyasini ko‘rsatadi.
| Xususiyat | |||||
|---|---|---|---|---|---|
| font-family | 1.0 | 4.0 | 1.0 | 1.0 | 3.5 |
CSS sintaksisi
font-family: family-name|generic-family|initial|inherit;
Xususiyat qiymatlari
| Qiymat | Tavsif | Demo |
|---|---|---|
| family-name / generic-family | Shrift oilalari nomlari va/yoki umumiy oila nomlarining ustuvorlik bo‘yicha tartiblangan ro‘yxati | Demo ❯ |
| initial | Bu xususiyatni standart qiymatiga o‘rnatadi. initial haqida o‘qing | |
| inherit | Bu xususiyatni ota elementidan meros qilib oladi. inherit haqida o‘qing |
Tegishli sahifalar
CSS darsligi: CSS shriftlar
CSS ma’lumotnomasi: font xususiyati
HTML DOM ma’lumotnomasi: fontFamily xususiyati
W3Schools Pathfinder
Yutuqlaringizni kuzating – bu bepul!