Calc funkcija
Funkcija calc leidžia atlikti
CSS savybių reikšmių skaičiavimus. Funkcija
kaip parametrą priima matematinę
išraišką, kurios skaičiavimo rezultatą
galima naudoti kaip CSS savybės reikšmę.
Išraiškoje gali būti naudojami operatoriai
+, -, *, /.
Sintaksė
selektorius {
savybė: calc(išraiška);
}
Pavyzdys
Padarykime, kad bloko plotis būtų
lygus 100% nuo tėvinio elemento pločio, atėmus
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;
}
:
