Calc funksiyası

calc funksiyası CSS xassələrinin dəyərlərini hesablamağa imkan verir. Funksiya parametr kimi riyazi ifadə qəbul edir, onun hesablama nəticəsini CSS xassəsinin dəyəri kimi istifadə etmək olar. Ifadə aşağıdakı operatorları əhatə edə bilər +, -, *, /.

Sintaksis

cssselektor {
  xassə: calc(ifadə);
}

Nümunə

Gəlin blokun eninin valideynin eninin 100%-i, minus 50px olmasını təmin edək:

html<div id="parent">
  <div id="child"></div>
</div>

css#child {
  width: calc(100% - 50px);
  height: 100px;
  margin: 0 auto;
  border: 1px solid red;
}
#parent {
  border: 1px solid green;
}

Результат:

Həmçinin bax