Funkcia calc
Funkcia calc umožňuje vykonávať
výpočty hodnôt CSS vlastností. Funkcia
ako parameter prijíma matematický
výraz, ktorého výsledok výpočtu
možno použiť ako hodnotu CSS vlastnosti.
Výraz môže obsahovať operátory
+, -, *, /.
Syntax
selektor {
vlastnost: calc(vyraz);
}
Príklad
Urobme tak, aby šírka bloku bola
rovná 100% od šírky rodiča, mínus
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;
}
: