Pendekatan:

Fungsi scale() CSS

Definisi dan penggunaan CSS scale() Fungsi digunakan untuk mengukur elemen (lebar dan tinggi).

scale() Fungsi menentukan nilai skala elemen dalam arah x dan y.

scale() Fungsi dalam transform digunakan dalam sifat.

Contoh

Contoh 1

Gunakan scale() Skala banyak elemen <div>:

#myDiv1 {
  transform: scale(0.7);
}
#myDiv2 {
  transform: scale(110%);
}
#myDiv3 {
  transform: scale(1.1, 0.5);
}

Cuba sendiri

Contoh 2

Gunakan scale() Skala imej:

#img1 {
  transform: scale(0.7);
}
#img2 {
  transform: scale(110%);
}
#img3 {
  transform: scale(1.1, 0.5);
}

Cuba sendiri

Rumusan CSS

scale(sx, sy)
Nilai Keterangan
sx Wajib. Nombor atau peratusan. Tentukan vektor skala lebar.
sy

Pilihan. Nombor atau peratusan. Tentukan vektor skala tinggi.

Jika disemak, nilai diatur sama seperti sx.

Butir teknikal

Versi: Modul Transformasi CSS Level 1

Pendukung pelayar

Nombor dalam jadwal menunjukkan versi pelayar yang sepenuhnya mendukung fungsi ini.

Chrome Edge Firefox Safari Opera
1 12 3.5 3.1 10.5

Halaman yang berkaitan

Tutori:Transformasi 2D CSS

Rujukan:Sifat transform CSS

Rujukan:属性 scale CSS

Rujukan:Fungsi scale3d() CSS

Rujukan:Fungsi scaleX() CSS

Rujukan:Fungsi scaleY() CSS