zoom
Misol
zoom xususiyatini matnda ishlating:
p.a {
zoom: normal;
}
p.b {
zoom: 150%;
}
p.c {
zoom: 0.6;
}
O‘zingiz sinab ko‘ring »
Quyida ko‘proq "O‘zingiz sinab ko‘ring" misollari keltirilgan.
Ta’rif va qo‘llanilishi
zoom xususiyati element uchun kattalashtirish koeffitsiyentini belgilaydi. Elementni kattalashtirish va kichraytirish mumkin.
| Standart qiymat: | normal |
|---|---|
| Meros qilinadi: | yo‘q |
| Animatsiya qilinadi: | Ha. animatable haqida o‘qing |
| Versiya: | CSS Viewport Module Level 1 |
| JavaScript sintaksisi: | object.style.zoom = "3" Sinab ko‘ring |
Brauzerlarda qo‘llab-quvvatlash
Jadvaldagi sonlar xususiyatni to‘liq qo‘llab-quvvatlaydigan birinchi brauzer versiyasini ko‘rsatadi.
| Xususiyat | |||||
|---|---|---|---|---|---|
| zoom | 1 | 12 | 126 | 3.1 | 15.0 |
CSS sintaksisi
zoom: normal|%|number|unset|initial|inherit;
Xususiyat qiymatlari
| Qiymat | Tavsif | Demo |
|---|---|---|
| normal | Standart qiymat. Element odatdagidek render qilinadi | Demo ❯ |
| % | Kattalashtirish koeffitsiyentini foizlarda belgilaydi. 100% = odatiy o‘lcham. Kattalashtirish uchun 100% dan katta, kichraytirish uchun 100% dan kichik qiymatlardan foydalaning | Demo ❯ |
| number | Kattalashtirish koeffitsiyentini son ko‘rinishida belgilaydi. 1.0 = odatiy o‘lcham. Kattalashtirish uchun 1.0 dan katta, kichraytirish uchun 1.0 dan kichik qiymatlardan foydalaning | Demo ❯ |
| unset | Kattalashtirish koeffitsiyentini bekor qiladi (odatiy holatga qaytadi) | Demo ❯ |
| initial | Bu xususiyatni standart qiymatiga o‘rnatadi. initial haqida o‘qing | |
| inherit | Bu xususiyatni ota elementidan meros qilib oladi. inherit haqida o‘qing |
Ko‘proq misollar
Misol
Element o‘lchamini o‘zgartirish uchun zoom xususiyatidan foydalaning:
div {
border-radius: 100%;
background: #73AD21;
padding: 20px;
width: 80px;
height: 80px;
}
div.a {
zoom: normal;
}
div.b {
zoom: 150%;
}
div.c {
zoom: 0.6;
}
O‘zingiz sinab ko‘ring »
W3Schools Pathfinder
Yutuqlaringizni kuzating – bu bepul!