CSS zoom özelliği
- Önceki sayfa z-index
- Sonraki sayfa CSS Referans Kılavuzu
Tanım ve Kullanım
zoom
Özellik,元素的 ölçekleme oranını belirtir. Element genişletilebilir veya küçültülebilir.
Örnek
Örnek 1
Metin için zoom
Özellik:
p.a { zoom: normal; } p.b { zoom: 150%; } p.c { zoom: 0.6; }
Örnek 2
Kullanım: zoom
Özellik Ayarları Element Boyutunu Düzenler:
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; }
CSS Dilbilgisi
zoom: normal|%|number|unset|initial|inherit;
Özellik Değeri
Değer | Açıklama |
---|---|
normal | Varsayılan Değer. Element normal şekilde render edilir. |
% |
Ölçekleme oranını yüzde ile belirtin. 100% = Normal. Genişletmek için 100%'den büyük değer kullanın. Küçültmek için 100%'den küçük değer kullanın. |
number |
Ölçekleme oranını rakam形式ında belirtin (yüzde). 1.0 = Normal. Genişletmek için 1.0'dan büyük değer kullanın. Küçültmek için 1.0'dan küçük değer kullanın. |
unset | Ölçekleme oranını kaldır (normal haline döndür). |
initial | Bu özelliği varsayılan değerine ayarlar. bkz: initial. |
inherit | Bu özelliği ebeveyn elementinden miras alır. bkz: inherit. |
Teknik Ayrıntılar
Varsayılan Değer: | normal |
---|---|
Geçişlilik: | Hayır |
Animasyon Yapımı: | Desteği Var. bkz:Animasyon İle İlgili Özellikler. |
Sürüm: | CSS Viewport Modülü 1 |
JavaScript Dilbilgisi: | object.style.zoom = "3" |
Tarayıcı Desteği
Tablodaki rakamlar, bu özelliği tam olarak destekleyen ilk tarayıcı sürümünü gösterir.
Chrome | Edge | Firefox | Safari | Opera |
---|---|---|---|---|
1 | 12 | 126 | 3.1 | 15.0 |
- Önceki sayfa z-index
- Sonraki sayfa CSS Referans Kılavuzu