font
Misol
Element uchun shriftni o‘rnating:
document.getElementById("demo").style.font = "italic bold 20px arial,serif";O‘zingiz sinab ko‘ring »
Tavsif
font xususiyati oltitagacha alohida shrift xususiyatini qisqartma (shorthand) shaklda o‘rnatadi yoki qaytaradi.
Bu xususiyat yordamida quyidagilarni (shu tartibda) o‘rnatishingiz/qaytarishingiz mumkin:
- font-style
- font-variant
- font-weight
- font-size
- line-height
- font-family
font-size va font-family majburiy. Agar boshqa qiymatlardan biri tushib qolgan bo‘lsa, uning o‘rniga standart qiymat (agar mavjud bo‘lsa) qo‘yiladi.
Yuqoridagi xususiyatlarni alohida style xususiyatlari orqali ham o‘rnatish mumkin. Yaxshiroq boshqarish uchun unchalik tajribali bo‘lmagan mualliflarga alohida xususiyatlardan foydalanish qat’iy tavsiya etiladi.
Brauzerlarda qo‘llab-quvvatlash
| Xususiyat | |||||
|---|---|---|---|---|---|
| font | Ha | Ha | Ha | Ha | Ha |
Sintaksis
font xususiyatini qaytarish:
object.style.font
font xususiyatini o‘rnatish:
object.style.font = "font-style font-variant font-weight font-size/line-height|caption|icon|menu|
message-box|small-caption|status-bar|initial|inherit;"
Xususiyat qiymatlari
| Qiymat | Tavsif |
|---|---|
| style | font-style ni o‘rnatadi |
| variant | Matnni small-caps (kichik bosh harfli) shriftda o‘rnatadi |
| weight | Shriftning qalinligini o‘rnatadi |
| size | Shrift o‘lchamini o‘rnatadi |
| lineHeight | Qatorlar orasidagi masofani o‘rnatadi |
| family | Shrift turini (font face) o‘rnatadi |
| caption | Yozuvli boshqaruv elementlari (tugmalar, ochiluvchi ro‘yxatlar va h.k.) uchun ishlatiladigan shrift |
| icon | Ikonkalarga yorliq berish uchun ishlatiladigan shrift |
| menu | Menyularda ishlatiladigan shrift |
| message-box | Dialog oynalarida ishlatiladigan shrift |
| small-caption | Kichik boshqaruv elementlarida ishlatiladigan shrift |
| status-bar | Oyna holat panellarida ishlatiladigan shrift |
| 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: | Elementning turli shrift xususiyatlarini ifodalovchi String |
| CSS versiyasi | CSS1 |
Ko‘proq misollar
Misol
Elementning shriftini qaytaring:
alert(document.getElementById("demo").style.font);
O‘zingiz sinab ko‘ring »
Tegishli sahifalar
CSS darsligi: CSS shriftlar
CSS ma’lumotnomasi: font xususiyati
W3Schools Pathfinder
Yutuqlaringizni kuzating – bu bepul!