Skip to content

Commit

Permalink
update(CSS): web/css/calc (#3412)
Browse files Browse the repository at this point in the history
  • Loading branch information
undead404 authored Oct 26, 2024
1 parent 8cf730e commit 348e511
Showing 1 changed file with 3 additions and 1 deletion.
4 changes: 3 additions & 1 deletion files/uk/web/css/calc/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -53,6 +53,8 @@ lch(from aquamarine l c calc(h + 180))

- Коли `calc()` використовується там, де очікується {{cssxref("<integer>")}}, то значення округлюється до найближчого цілого. Тому `calc(1.4)` дасть значення `1`. Якщо дробова частина значення рівна `0.5`, то значення округлюється до більшого. Наприклад, `calc(1.5)` дасть значення `2`, а `calc(-1.5)` округлиться до `-1`.

- `calc()` не може виконувати обчислення над [значеннями природних розмірів](/uk/docs/Glossary/Intrinsic_Size), як то {{cssxref("auto")}} і {{cssxref("fit-content")}}. Для них користуйтеся натомість функцією {{cssxref("calc-size()")}}.

### Правила та найкращі підходи під час роботи з `calc()`

- Оператори `+` і `-` **повинні бути оточені {{Glossary("whitespace", "пробілами")}}**. Наприклад, `calc(50% -8px)` буде тлумачитись як "відсоткове значення, після якого стоїть від'ємна довжина" – що є недійсним виразом, а `calc(50% - 8px)` – "відсоткове значення, після котрого – оператор віднімання та довжина". Аналогічно, `calc(8px + -50%)` тлумачиться як "довжина, після якої стоїть оператор додавання і від'ємне відсоткове значення".
Expand Down Expand Up @@ -215,4 +217,4 @@ p {

- {{CSSxRef("<calc-keyword>")}}
- [Функції CSS](/uk/docs/Web/CSS/CSS_Functions)
- [Повний посібник із calc() у CSS (англ.)](https://css-tricks.com/a-complete-guide-to-calc-in-css/) (CSS-Tricks)
- [Повний посібник із calc() у CSS](https://css-tricks.com/a-complete-guide-to-calc-in-css/) (CSS-Tricks)

0 comments on commit 348e511

Please sign in to comment.