CSS calc() συνάρτηση

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

CSS calc() Η συνάρτηση εκτελεί τον υπολογισμό και χρησιμοποιεί το αποτέλεσμα ως τιμή του χαρακτηριστικού.

παράδειγμα

χρήση calc() Υπολογισμός της πλάθους του στοιχείου <div>:

#div1 {
  position: absolute;
  left: 50px;
  width: calc(100% - 100px);
  border: 1px solid black;
  background-color: yellow;
  padding: 5px;
  text-align: center;
}

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

CSS γλώσσα

calc(expression)
τιμή περιγραφή
expression

Απαιτείται. Μια μαθηματική έκφραση, η οποία θα χρησιμοποιηθεί ως τιμή.

Μπορεί να χρησιμοποιηθούν οι ακόλουθες τελεστές: +, -, *, /.

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

Έκδοση: CSS3

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

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

Chrome Edge Firefox Safari Opera
26 9 16 7 15

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

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

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

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

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

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

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

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

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

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

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

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

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

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