calc-funksjonen
Funksjonen calc lar deg utføre
beregninger av CSS-egenskapsverdier. Funksjonen
tar som parameter et matematisk
uttrykk, og resultatet av beregningen
kan brukes som verdi for en CSS-egenskap.
Uttrykket kan inkludere operatorer
+, -, *, /.
Syntaks
velger {
egenskap: calc(uttrykk);
}
Eksempel
La oss gjøre slik at bredden på en blokk blir
lik 100% av bredden til forelderen, minus
50px:
<div id="parent">
<div id="child"></div>
</div>
#child {
width: calc(100% - 50px);
height: 100px;
margin: 0 auto;
border: 1px solid red;
}
#parent {
border: 1px solid green;
}
:
