css.in.ua
Підтримати

CSS function sqrt()

Опис

sqrt() - це CSS-функція, яка дозволяє обчислити квадратний корінь числа. Використання цієї функції в CSS дозволяє створювати ефекти, де розміри або відстані залежать від кореня числа.

Функція sqrt() приймає один аргумент - число, для якого потрібно обчислити квадратний корінь. Наприклад, sqrt(100px) обчислить квадратний корінь від 100px, що дорівнює 10px, і результат буде використаний для встановлення ширини елемента.

Приклад використання функції sqrt():

.element {
  width: sqrt(100px);
}

У цьому прикладі ширина елемента буде обчислена як квадратний корінь від 100px і становитиме 10px.

Порада:

Функція sqrt() приймає лише один аргумент, яким є числове значення. Впевніться, що передаєте правильний тип даних у функцію, оскільки неправильний аргумент може призвести до некоректного результату або помилки.
Порада:

Використання функції sqrt() може бути корисним при створенні анімацій або переходів, де значення залежать від квадратного кореня числа. Експериментуйте з різними значеннями для досягнення потрібних ефектів.
Порада:

Зверніть увагу, що функція sqrt() не підтримує вирази або виконання математичних операцій. Вона приймає лише числові значення.
Нотатка:

Важливо пам'ятати, що функція sqrt() може бути використана лише для обчислення квадратного кореня числа, і не може виконувати інші математичні операції. Крім того, функція поверне значення NaN (Not a Number), якщо вхідне число є від'ємним, оскільки квадратний корінь від від'ємного числа не є дійсним числом.

Синтаксис

sqrt(number);
<number>

Додатні або від'ємні числові значення.

Переглядачі

Переглядач

112

15.4
Переглядач

112

15.4

Мобільних переглядачів ще не додано.

Приклади


Елемент з обчисленою шириною за допомогою функції sqrt().

Спільнота

Зв'язок