Функција calc

Функцијата calc овозможува пресметување на вредностите на CSS својствата. Функцијата како параметар прима математички израз, чиј резултат од пресметката може да се користи како вредност на CSS својство. Изразот може да вклучува оператори +, -, *, /.

Синтакса

cssселектор {
  својство: calc(израз);
}

Пример

Ајде да направиме ширината на блокот да биде еднаква на 100% од ширината на родителот, минус 50px:

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;
}

Результат:

Погледнете ги исто така