CSS hypot() συναρτηση

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

Το CSS hypot() Η συναρτηση επιστρέφει την τετράγωνη根本 των τετραγώνων των παραμέτρων.

Η τιμή επιστρέφεται με τη συνταγή sqrt(x1*x1 + x2*x2 + x3*x3 .... xn*xn) υπολογισμού.

hypot() Η συναρτηση αποδέχεται τιμές με μονάδες, αλλά όλες οι τιμές πρέπει να έχουν την ίδια μονάδα.

Παράδειγμα

Χρήση hypot() Ρύθμιση πλάτους του στοιχείου:

div.a {
  width: hypot(80px); /* 80px */
}
div.b {
  width: hypot(40px, 80px); /* 89,44px */
}
div.c {
  width: hypot(40px, 80px, 100px); /* 134,16 */
}
div.d {
  width: hypot(40px, 80px, 100px, 120px); /* 180 */
}
div.e {
  width: hypot(10%, 20%, 40%); /* 45,82% */
}

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

Γλωσσικό στυλ CSS

hypot(x1, x2, x3, ...)
Τιμή Περιγραφή
x1, x2, x3, ... Απαιτείται. Μία ή περισσότερες τιμές που διαχωρίζονται με κόμματα.

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

Έκδοση: CSS4

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

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

Chrome Edge Firefox Safari Opera
120 120 118 15.4 106

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

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

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

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

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

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

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

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

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

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

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

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

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

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