Различия

Показаны различия между двумя версиями страницы.

--- calc [2023/09/21 18:07]
tro создано
+++ calc [2023/09/21 20:06] (текущий)
tro
@@ Строка 1: / Строка 1: @@
 ====== calc ======
+приймає як параметр математичний вираз, результат обчислення якого можна використовувати як значення CSS-властивості. Вираз може містити оператори +, -, *, / з використанням стандартних правил пріоритету.
+<code>
+.item {
+  width: calc((100% - 20px) / 3);
+}
+</code>
 <code>
 width:calc ((100%-(88px*2))/3;
 </code>
 бере 100% батьківської ширини, віднімаємо два пробіли по 88 і ділемо 3 (кількість блоків що потрібно буде всередині розміститии)