CSS scale ιδιότητα

Εκπαίδευση προτεινόμενη:

κλίμακα Ορίζει και χρησιμοποιείται

κλίμακα Η ιδιότητα επιτρέπει τη αλλαγή του μεγέθους του στοιχείου.

Η ιδιότητα ορίζει τις τιμές κλίμακας στα άξονες x και y του στοιχείου. Μπορείτε επίσης να ορίσετε τη κλίμακα στοιχείου στον άξονα z.

• Οι τιμές κλίμακας μπορούν να είναι μια τιμή, δύο τιμές ή τρεις τιμές.
• Αν δοθεί μια τιμή, η κλίμακα στοιχείου στα άξονες x και y είναι ίση.
• Αν δοθούν δύο τιμές, το στοιχείο κλιμακώνεται στα άξονες x και y με τις καθορισμένες αναλογίες.

Αν δοθούν τρεις τιμές, το στοιχείο κλιμακώνεται στα x, y και z άξονες με τις καθορισμένες αναλογίες. κλίμακα Για να κατανοήσετε καλύτεραΠαρουσίαση.

Λήψη υπόψη:Μια άλλη τεχνική κλίμακας στοιχείων είναι η χρήση της ιδιότητας Η συνάρτηση scale() του CSS του CSS transform στοιχείου. Η σελίδα αυτή εξηγεί το CSS κλίμακα Η ιδιότητα μπορεί να είναι μια πιο απλή και πιο απευθείας μέθοδος κλίμακας στοιχείων.

Παράδειγμα

Παράδειγμα 1

Αλλαγή μεγέθους στοιχείου:

div {
  κλίμακα: 2;
}

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

Παράδειγμα 2

Όταν κλίμακα Όταν η ιδιότητα ορίζεται από δύο τιμές, ορίζει το μέγεθος στον άξονα x και y. Σε αυτή την περίπτωση, το μέγεθος του στοιχείου στον άξονα x διπλασιάζεται και το μέγεθος στον άξονα y μειώνεται σε μισό:

div {
  κλίμακα: 2 50%;
}

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

Γλώσσα CSS

κλίμακα: άξονας x άξονας y άξονας z|initial|inherit;

Τιμή ιδιότητας

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

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

Τα αριθμήματα στη τаблицή αντιπροσωπεύουν την έκδοση του προγράμματος περιήγησης που υποστηρίζει πλήρως την ιδιότητα.

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

Εκμάθηση:CSS 2D μεταμορφώσεις

Εκμάθηση:3D Μετασχηματισμοί CSS

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

Αναφορά:Η ιδιότητα translate του CSS