Fungsi scaleX() CSS

Definisi dan penggunaan

CSS scaleX() Fungsi digunakan untuk mengukur skala horizontal elemen.

scaleX() Fungsi untuk menambah atau mengurangi lebar elemen.

scaleX() Fungsi di Transform digunakan dalam sifat.

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 imej:

#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)

Butir teknologi

Pendukung pereka

Teks di dalam jadual menunjukkan versi penuh pereka paling awal yang menyokong fungsi itu.

Laman yang berkaitan

Panduan：Transformasi 2D CSS

Rujukan：Sifat transform CSS

Rujukan：Sifat scale CSS

Rujukan：Fungsi scale() CSS

Rujukan：Fungsi scale3d() CSS

Rujukan：Fungsi scaleY() CSS