CSS zoom özelliği

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;
}

Kişisel Deneyim

Ö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;
}

Kişisel Deneyim

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