Fungsi scaleX() CSS

Definisi dan Penggunaan

CSS scaleX() Fungsi digunakan untuk mengukur lebar horisontal elemen.

scaleX() Fungsi menambah atau mengurangi lebar elemen.

scaleX() Fungsi di transform digunakan dalam properti.

Contoh

Contoh 1

Gunakan scaleX() Skala lebar beberapa elemen <div>:

#myDiv1 {
  transform: scaleX(0.7);
}
#myDiv2 {
  transform: scaleX(90%);
}
#myDiv3 {
  transform: scaleX(1.1);
}

Coba Sendiri

Contoh 2

Gunakan scaleX() Skala lebar gambar:

#img1 {
  transform: scaleX(0.6);
}
#img2 {
  transform: scaleX(90%);
}
#img3 {
  transform: scaleX(-0.6);
}
#img4 {
  transform: scaleX(1.1);
}

Coba Sendiri

Syntaks CSS

scaleX(s)

Detil Teknologi

Dukungan Browser

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

Halaman yang berhubungan

Panduan：Transformasi 2D CSS

Referensi：Properti transform CSS

Referensi：Atribut scale CSS

Referensi：Fungsi scale() CSS

Referensi：Fungsi scale3d() CSS

Referensi：Fungsi scaleY() CSS