Rekomendasi Kursus:

Fungsi scale() CSS

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

scale() Fungsi mendefinisikan nilai skala elemen di arah x dan y.

scale() Fungsi di Transform Digunakan dalam properti.

Contoh

Contoh 1

Gunakan scale() Mengukur banyak elemen <div>:

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

Coba Sendiri

Contoh 2

Gunakan scale() Mengukur gambar:

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

Coba Sendiri

Tata Bahasa CSS

scale(sx, sy)
Nilai Deskripsi
sx Wajib. Angka atau persen. Tentukan vektor skala lebar.
sy

Pilihan. Angka atau persen. Tentukan vektor skala tinggi.

Jika dilewati, nilai diatur sama seperti sx.

Detil Teknologi

Versi: Modul Transformasi CSS Level 1

Dukungan Browser

Angka di tabel menunjukkan versi browser yang pertama yang mendukung fungsi ini penuh.

Chrome Edge Firefox Safari Opera
1 12 3.5 3.1 10.5

Halaman yang berhubungan

Tutoriale:Transformasi 2D CSS

Referensi:Atribut transform CSS

Referensi:Atribut scale CSS

Referensi:Fungsi scale3d() CSS

Referensi:Fungsi scaleX() CSS

Referensi:Fungsi scaleY() CSS