属性 zoom CSS

Definisi dan penggunaan

zoom Sifat menentukan skala elemen. Elemen boleh dibesarkan atau kecilkan.

Contoh

Contoh 1

Gunakan teks zoom Sifat:

p.a {
  zoom: normal;
}
p.b {
  zoom: 150%;
}
p.c {
  zoom: 0.6;
}

Cuba sendiri

Contoh 2

Gunakan zoom Penyesuaian saiz elemen sifat:

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

Cuba sendiri

Bab Sintaksis CSS

zoom: normal|%|number|unset|initial|inherit;

Nilai sifat

Nilai Keterangan
normal Nilai lalai. Elemen disiapkan dalam cara biasa.
%

Tentukan skala dalam bentuk persen.

100% = normal.

Untuk membesarkan, gunakan nilai lebih besar daripada 100%.

Untuk kecilkan, gunakan nilai kurang daripada 100%.
number

Tentukan skala dalam bentuk nombor (persen).

1.0 = normal.

Untuk membesarkan, gunakan nilai lebih besar daripada 1.0.

Untuk kecilkan, gunakan nilai kurang daripada 1.0.
unset Batalkan penetapan skala (pulih ke normal).
initial Tetapkan sifat ini ke nilai lalai. Lihat initial。
inherit Mewarisi sifat ini dari elemen bapanya. Lihat inherit。

Butir teknikal

Nilai lalai: normal
Warisan: Tidak
Pembuatan animasi: Disokong. Lihat:Properti berhubungan dengan animasi。
Versi: Modul Viewport CSS Level 1
Bab Bahasa JavaScript: object.style.zoom = "3"

Pendorong pelayar

Terdapat nombor di dalam表格表示 versi penuh pendorong yang disokong untuk sifat ini.

Chrome Edge Firefox Safari Opera
1 12 126 3.1 15.0