CSS ζομ ιδιότητα

Ορισμός και χρήση

zoom Προσδιορίζει την κλίμακα του στοιχείου. Το στοιχείο μπορεί να μεγαλώσει ή να συρρικνωθεί.

Παράδειγμα

Παράδειγμα 1

Για κείμενο zoom Ιδιότητα:

p.a {
  zoom: normal;
}
p.b {
  zoom: 150%;
}
p.c {
  zoom: 0.6;
}

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

Παράδειγμα 2

Χρήση zoom Προσαρμογή μεγέθους στοιχείων:

div {
  border-radius: 100%;
  background: #73AD21;
  padding: 20px;
  width: 80px;
  height: 80px;
}
div.a {
  zoom: normal;
}
div.b {
  zoom: 150%;
}
div.c {
  zoom: 0.6;
}

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

Γλώσσα CSS

zoom: normal|%|number|unset|initial|inherit;

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

Τιμή Περιγραφή
normal Προεπιλεγμένη τιμή. Το στοιχείο θα εμφανίζεται με κανονικό τρόπο.
%

Καθορίστε την κλίμακα σε ποσοστό.

100% = Κανονική.

Για μεγέθυνση, χρησιμοποιήστε τιμές πάνω από 100%.

Για συνολική συρρίκνωση, χρησιμοποιήστε τιμές κάτω από 100%.
number

Καθορίστε την κλίμακα σε αριθμητική μορφή (percentages).

1.0 = Κανονική.

Για μεγέθυνση, χρησιμοποιήστε τιμές πάνω από 1.0.

Για συνολική συρρίκνωση, χρησιμοποιήστε τιμές κάτω από 1.0.
unset Ακύρωση της κλίμακας (ανάκτηση της κανονικής κατάστασης).
initial Ρυθμίστε αυτή την ιδιότητα στη προεπιλεγμένη της τιμή. Δείτε: initial.
inherit Επιτρέπει την κληρονομικότητα αυτής της ιδιότητας από το γονικό στοιχείο. Δείτε: inherit.

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

Προεπιλεγμένη τιμή: normal
Προσδοκία: Όχι
Κίνηση: Υποστήριξη. Δείτε:Συνημμένα στοιχεία της κίνησης.
Έκδοση: CSS Viewport Module Level 1
Γλώσσα JavaScript: object.style.zoom = "3"

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

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

Chrome Edge Firefox Safari Opera
1 12 126 3.1 15.0