font-stretch
Misol
<div> elementlaridagi matnni kengroq qiling:
div {
font-family: sans-serif, "Helvetica Neue", "Lucida Grande", Arial;
font-stretch: expanded;
}
Ta’rif va qo‘llanilishi
font-stretch xususiyati matnni torroq (condensed) yoki kengroq (expanded) qilish imkonini beradi.
Eslatma: Ba’zi shriftlar qo‘shimcha ko‘rinishlarga — siqiq (condensed) va kengaytirilgan (expanded) ko‘rinishlarga ega. Bunday shriftlar uchun oddiy, siqiq yoki kengaytirilgan shrift ko‘rinishini tanlashda font-stretch xususiyatidan foydalanishingiz mumkin.
Eslatma: Agar tanlangan shriftda siqiq yoki kengaytirilgan ko‘rinishlar bo‘lmasa, bu xususiyat hech qanday ta’sir qilmaydi!
| Standart qiymat: | normal |
|---|---|
| Meros qilinadi: | ha |
| Animatsiya qilinadi: | ha. animatable haqida o‘qing |
| Versiya: | CSS3 |
| JavaScript sintaksisi: | object.style.fontStretch="expanded" |
Brauzerlarda qo‘llab-quvvatlash
Jadvaldagi sonlar xususiyatni to‘liq qo‘llab-quvvatlaydigan birinchi brauzer versiyasini ko‘rsatadi.
| Xususiyat | |||||
|---|---|---|---|---|---|
| font-stretch | 48.0 | 9.0 | 9.0 | 11.0 | 35.0 |
Sintaksis
font-stretch: ultra-condensed|extra-condensed|condensed|semi-condensed|normal|semi-expanded|expanded|extra-expanded|ultra-expanded|initial|inherit;
Xususiyat qiymatlari
| Qiymat | Tavsif |
|---|---|
| ultra-condensed | Matnni imkon qadar tor qiladi |
| extra-condensed | Matnni condensed’dan torroq, lekin ultra-condensed’chalik tor bo‘lmagan holatga keltiradi |
| condensed | Matnni semi-condensed’dan torroq, lekin extra-condensed’chalik tor bo‘lmagan holatga keltiradi |
| semi-condensed | Matnni normal’dan torroq, lekin condensed’chalik tor bo‘lmagan holatga keltiradi |
| normal | Standart qiymat. Shrift cho‘zilmaydi |
| semi-expanded | Matnni normal’dan kengroq, lekin expanded’chalik keng bo‘lmagan holatga keltiradi |
| expanded | Matnni semi-expanded’dan kengroq, lekin extra-expanded’chalik keng bo‘lmagan holatga keltiradi |
| extra-expanded | Matnni expanded’dan kengroq, lekin ultra-expanded’chalik keng bo‘lmagan holatga keltiradi |
| ultra-expanded | Matnni imkon qadar keng qiladi |
| initial | Bu xususiyatni standart qiymatiga o‘rnatadi. initial haqida o‘qing |
| inherit | Bu xususiyatni ota elementidan meros qilib oladi. inherit haqida o‘qing |
W3Schools Pathfinder
Yutuqlaringizni kuzating – bu bepul!