Λειτουργία CSS pow()

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

CSS pow() Η λειτουργία επιστρέφει την τιμή της εξισώσεως x^y (δηλαδή X^)y)

Παράδειγμα

Χρήση pow() Αύξηση μεγέθους κειμένου σε διαφορετικά στοιχεία <div>:

div.a {
  font-size: calc(18px * pow(1.5, 2));
}
div.b {
  font-size: calc(18px * pow(1.5, 1));
}
div.c {
  font-size: calc(18px * pow(1.5, 0));
}
div.d {
  font-size: calc(18px * pow(1.5, -1));
}

Προσπάθησε να το δοκιμάσεις

Γλώσσα CSS

pow(x, y)
Αξία Περιγραφή
x Απαιτείται. Ένας αριθμός (το βάθος).
y Απαιτείται. Ένας αριθμός (το πηλίκο).

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

Έκδοση: CSS4

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

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

Chrome Edge Firefox Safari Opera
120 120 118 15.4 106

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

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

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

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

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

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

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

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

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

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

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

Αναφορά:Η συνάρτηση sin() του CSS

Αναφορά:Η συνάρτηση tan() του CSS