Funzione calc() CSS

Definizione e uso

CSS calc() L'espressione della funzione esegue il calcolo e utilizza il risultato come valore dell'attributo.

Esempio

Usa calc() Calcola la larghezza dell'elemento <div>:

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

Prova personalmente

Sintassi CSS

calc(expression)
Valore Descrizione
expression

Obbligatorio. Un'espressione matematica, il cui risultato viene utilizzato come valore.

È possibile utilizzare i seguenti operatori: +, -, *, /.

Dettagli tecnici

Versione: CSS3

Supporto del browser

I numeri nella tabella rappresentano la versione del browser che supporta completamente la funzione.

Chrome Edge Firefox Safari Opera
26 9 16 7 15

Pagina correlata

Riferimento:Funzione acos() CSS

Riferimento:Funzione asin() CSS

Riferimento:Funzione atan() CSS

Riferimento:Funzione atan2() CSS

Riferimento:Funzione cos() CSS

Riferimento:Funzione exp() CSS

Riferimento:Funzione hypot() CSS

Riferimento:Funzione log() CSS

Riferimento:Funzione mod() CSS

Riferimento:Funzione pow() CSS

Riferimento:Funzione sin() CSS

Riferimento:Funzione sqrt() CSS

Riferimento:Funzione tan() CSS