Esempio
Utilizzare calc() per calcolare la larghezza di un <div> elemento:
#div1 {
position: absolute;
left: 50px;
width: calc(100% -
100px);
border: 1px solid black;
background-color: yellow;
padding:
5px;
text-align: center;
}
Prova tu stesso " Definizione e utilizzo
Il calc() funzione esegue un calcolo da utilizzare come il valore della proprietà.
| Versione: | CSS3 |
|---|
Supporto per il browser
I numeri nella tabella indicano la prima versione del browser che supporta pienamente la funzione.
Numeri seguiti da -webkit-, -moz-, o -o- specificare la prima versione che ha lavorato con un prefisso.
| Funzione | |||||
|---|---|---|---|---|---|
| calc() | 26.0 19,0 -webkit- | 9.0 | 16,0 4.0 -moz- | 7.0 6.0 -webkit- | 15.0 |
CSS Sintassi
calc( expression )
| Valore | Descrizione |
|---|---|
| expression | Necessario. Una espressione matematica. Il risultato sarà utilizzato come valore. I seguenti operatori possono essere utilizzati: + - * / |
<Funzioni CSS di riferimento