fontFamily
Misol
Element uchun shriftni o‘rnating:
document.getElementById("demo").style.fontFamily = "Impact,Charcoal,sans-serif";O‘zingiz sinab ko‘ring »
Tavsif
fontFamily xususiyati element matni uchun shrift oilasi (font-family) nomlari va/yoki umumiy oila (generic-family) nomlari ro‘yxatini o‘rnatadi yoki qaytaradi.
Brauzer o‘zi taniydigan birinchi qiymatdan foydalanadi.
font-family qiymatlarining ikki turi mavjud:
- font-family: shrift oilasining nomi, masalan, "verdana" yoki "arial"
- generic-family: umumiy shrift oilasining nomi, masalan, "serif" yoki "sans-serif"
Maslahat: Oxirgi muqobil variant sifatida doimo generic-family nomini ko‘rsating!
Eslatma: Har bir qiymatni vergul bilan ajrating.
Eslatma: Agar font-family nomida bo‘sh joy bo‘lsa, u qo‘shtirnoqqa olinishi shart.
Maslahat: Ko‘p ishlatiladigan shrift kombinatsiyalari uchun xavfsiz veb-shriftlar sahifasiga qarang.
Brauzerlarda qo‘llab-quvvatlash
| Xususiyat | |||||
|---|---|---|---|---|---|
| fontFamily | Ha | Ha | Ha | Ha | Ha |
Sintaksis
fontFamily xususiyatini qaytarish:
object.style.fontFamily
fontFamily xususiyatini o‘rnatish:
object.style.fontFamily = "font1, font2, etc.|initial|inherit"
Xususiyat qiymatlari
| Qiymat | Tavsif |
|---|---|
| font1, font2, etc. | Vergul bilan ajratilgan font-family nomlari va/yoki generic-family nomlari ro‘yxati |
| initial | Bu xususiyatni standart qiymatiga o‘rnatadi. initial haqida o‘qing |
| inherit | Bu xususiyatni ota elementidan meros qilib oladi. inherit haqida o‘qing |
Texnik tafsilotlar
| Standart qiymat: | belgilanmagan |
|---|---|
| Qaytariladigan qiymat: | Element matnining shrift nomini ifodalovchi String |
| CSS versiyasi | CSS1 |
Ko‘proq misollar
Misol
Mumkin bo‘lgan qiymatlar namoyishi:
var listValue = selectTag.options[selectTag.selectedIndex].text;
document.getElementById("demo").style.fontFamily = listValue;
O‘zingiz sinab ko‘ring »
Misol
Elementning shriftini qaytaring:
alert(document.getElementById("demo").style.fontFamily);
O‘zingiz sinab ko‘ring »
Tegishli sahifalar
CSS darsligi: CSS shriftlar
CSS ma’lumotnomasi: font-family xususiyati
HTML DOM ma’lumotnomasi: font xususiyati
W3Schools Pathfinder
Yutuqlaringizni kuzating – bu bepul!