text-transform
Misol
Turli <div> elementlaridagi matnni o‘zgartiring:
div.a {
text-transform: uppercase;
}
div.b {
text-transform: lowercase;
}
div.c {
text-transform: capitalize;
}
O‘zingiz sinab ko‘ring »
Ta’rif va qo‘llanilishi
text-transform xususiyati matndagi harflarning katta-kichikligini boshqaradi.
| Standart qiymat: | none |
|---|---|
| Meros qilinadi: | ha |
| Versiya: | CSS1 |
| JavaScript sintaksisi: | object.style.textTransform="uppercase" Sinab ko‘ring |
Brauzerlarda qo‘llab-quvvatlash
Jadvaldagi sonlar xususiyatni to‘liq qo‘llab-quvvatlaydigan birinchi brauzer versiyasini ko‘rsatadi.
| Xususiyat | |||||
|---|---|---|---|---|---|
| text-transform | 1.0 | 4.0 | 1.0 | 1.0 | 7.0 |
CSS sintaksisi
text-transform: none|capitalize|uppercase|lowercase|initial|inherit;
Xususiyat qiymatlari
| Qiymat | Tavsif | Demo |
|---|---|---|
| none | Harflar o‘zgartirilmaydi. Matn qanday bo‘lsa, shunday render qilinadi. Bu standart qiymat | Demo ❯ |
| capitalize | Har bir so‘zning birinchi harfini katta harfga aylantiradi | Demo ❯ |
| uppercase | Barcha harflarni katta harfga aylantiradi | Demo ❯ |
| lowercase | Barcha harflarni kichik harfga aylantiradi | 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 matnni o‘zgartirish
HTML DOM ma’lumotnomasi: textTransform xususiyati
W3Schools Pathfinder
Yutuqlaringizni kuzating – bu bepul!