scale
Ta’rif va qo‘llanilishi
scale xususiyati elementlar o‘lchamini o‘zgartirish imkonini beradi.
scale xususiyati element x va y yo‘nalishlarida qanchalik masshtablanishini belgilovchi qiymatlarni aniqlaydi. Element z yo‘nalishida qanchalik masshtablanishini ham belgilashingiz mumkin.
Masshtab qiymatlari bitta, ikkita yoki uchta qiymat ko‘rinishida berilishi mumkin.
- Agar bitta qiymat berilsa, element x va y yo‘nalishlarining ikkalasida ham bir xil miqdorda masshtablanadi.
- Agar ikkita qiymat berilsa, element x va y yo‘nalishlarida alohida-alohida masshtablanadi.
- Agar uchta qiymat berilsa, element x, y va z yo‘nalishlarida alohida-alohida masshtablanadi.
scale xususiyatini yaxshiroq tushunish uchun namoyishni ko‘ring.
Eslatma: Elementni masshtablashning muqobil usuli — CSS transform xususiyatini CSS
scale() funksiyasi bilan ishlatish. Ushbu sahifada tushuntirilgan CSS scale xususiyati esa elementni masshtablashning, ehtimol, oddiyroq va bevositaroq usulidir.
| Standart qiymat: | none |
|---|---|
| Meros qilinadi: | yo‘q |
| Animatsiya qilinadi: | ha. animatable haqida o‘qing Sinab ko‘ring |
| Versiya: | CSS3 |
| JavaScript sintaksisi: | object.style.scale="2 0.7" Sinab ko‘ring |
Brauzerlarda qo‘llab-quvvatlash
Jadvaldagi sonlar xususiyatni to‘liq qo‘llab-quvvatlaydigan birinchi brauzer versiyasini ko‘rsatadi.
| Xususiyat | |||||
|---|---|---|---|---|---|
| scale | 104 | 104 | 72 | 14.1 | 90 |
CSS sintaksisi
scale: x-axis y-axis z-axis|initial|inherit;
Xususiyat qiymatlari
| Xususiyat qiymati | Tavsif | Demo |
|---|---|---|
| x-axis | x o‘qi bo‘yicha masshtab koeffitsiyentini belgilaydi. Mumkin bo‘lgan qiymatlar:
|
Demo ❯ |
| y-axis | y o‘qi bo‘yicha masshtab koeffitsiyentini belgilaydi. Mumkin bo‘lgan qiymatlar:
|
Demo ❯ |
| z-axis | z o‘qi bo‘yicha masshtab koeffitsiyentini belgilaydi. Mumkin bo‘lgan qiymatlar:
|
|
| 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
scale xususiyati ikkita qiymat bilan o‘rnatilganda, o‘lcham x va y o‘qlarida alohida-alohida o‘rnatiladi. Bu yerda element x o‘qida ikki baravar kattalashadi, y o‘qida esa yarmigacha kichrayadi:
div {
scale: 2 50%;
}
O‘zingiz sinab ko‘ring »
Tegishli sahifalar
CSS darsligi: CSS 2D transformatsiyalari
CSS darsligi: CSS 3D transformatsiyalar
CSS rotate xususiyati: CSS rotate xususiyati
CSS translate xususiyati: CSS translate xususiyati
W3Schools Pathfinder
Yutuqlaringizni kuzating – bu bepul!