Προτάσεις για μαθήματα:

Συνάρτηση CSS scaleY()

Ορισμός και χρήση scaleY() Η συνάρτηση CSS

scaleY() Η συνάρτηση χρησιμοποιείται για την οριζόντια κλίμακα του στοιχείου.

scaleY() Η συνάρτηση προσθέτει ή μειώνει το ύψος του στοιχείου. transform Χρησιμοποιείται στην ιδιότητα.

Παράδειγμα

Παράδειγμα 1

Χρήση scaleY() Αύξηση του ύψους πολλαπλών στοιχείων <div>:

#myDiv1 {
  transform: scaleY(0.5);
}
#myDiv2 {
  transform: scaleY(70%);
}
#myDiv3 {
  transform: scaleY(1.1);
}

Δοκιμάστε προσωπικά

Παράδειγμα 2

Χρήση scaleY() Αύξηση του ύψους της εικόνας:

#img1 {
  transform: scaleY(0.5);
}
#img2 {
  transform: scaleY(70%);
}
#img3 {
  transform: scaleY(-0.5);
}
#img4 {
  transform: scaleY(1.1);
}

Δοκιμάστε προσωπικά

Γλωσσή CSS

scaleY(s)
Τιμή Περιγραφή
s Απαιτείται. Ορίζει τον αριθμό της κλίμακας του υψομέτρου του κλιμάκωσης.

Τεχνικά λεπτομέρειες

Έκδοση: CSS Transforms Module Level 1

Υποστήριξη του προγράμματος περιήγησης

Τα αριθμήματα στην τάβλη αναφέρονται στην έκδοση του προγράμματος περιήγησης που υποστηρίζει πλήρως τη συνάρτηση.

Chrome Edge Firefox Safari Opera
1 12 3.5 3.1 10.5

Σελίδες σχετικές

Εκμάθηση:CSS 2D Μετατροπή

Αναφορά:CSS transform 属性

Αναφορά:CSS scale ιδιότητα

Αναφορά:Λειτουργία CSS scale()

Αναφορά:Λειτουργία CSS scale3d()

Αναφορά:CSS scaleX() Λειτουργία