Funkce calc
Funkce calc umožňuje provádět
výpočty hodnot CSS vlastností. Funkce
jako parametr přijímá matematický
výraz, jehož výsledek výpočtu
lze použít jako hodnotu CSS vlastnosti.
Výraz může zahrnovat operátory
+, -, *, /.
Syntaxe
selektor {
vlastnost: calc(výraz);
}
Příklad
Udělejme, aby šířka bloku byla
rovna 100% šířky rodiče, 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;
}
:
