CSS scale() fonksiyonu

tanımı ve kullanımı

CSS'nin scale() fonksiyonu, elemanı (genişlik ve yükseklik) ölçeklemek için kullanılır.

scale() fonksiyonu, elemanın x ve y eksenlerindeki ölçekleme değerlerini tanımlar.

scale() fonksiyonu transform özellikte kullanılır.

örnek

örnek 1

kullanarak scale() çoklu <div> öğeleri ölçekleme:

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

kendiniz deneyin

örnek 2

kullanarak scale() görüntü ölçekleme:

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

kendiniz deneyin

CSS dilbilgisi

scale(sx, sy)
değer tanım
sx zorunlu. rakam veya yüzdelik. genişliğin ölçeklenme vektörünü belirtir.
sy

opsiyonel. rakam veya yüzdelik. yüksekliğin ölçeklenme vektörünü belirtir.

atlanırsa, değeri sx ile aynı olarak ayarlanır.

teknik ayrıntılar

sürüm: CSS Transforms Module Level 1

tarayıcı desteği

tablodaki rakamlar, bu işlevi tam olarak destekleyen ilk tarayıcı sürümünü gösterir.

Chrome Edge Firefox Safari Opera
1 12 3.5 3.1 10.5

ilgili sayfalar

dersCSS 2D transformasyon

Referans:CSS transform özelliği

Referans:CSS scale özelliği

Referans:CSS scale3d() fonksiyonu

Referans:CSS scaleX() fonksiyonu

Referans:CSS scaleY() fonksiyonu