CSS function sqrt


Опис

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

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

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

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

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

автор: Bond

Порада

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

автор: Bond
Порада

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

автор: Bond
Порада

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

автор: Bond
Нотатка

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

автор: Bond

Синтаксис

sqrt(number);

Функція sqrt може отримувати єдине значення:

<number>

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

автор: Bond

Значення без задання: none

Переглядачі

Підтримка: стаціонарні переглядачі
Переглядач Mozilla Firefox Apple Safari
112 15.4
Підтримка: мобільні переглядачі
Переглядач Mobile Mozilla Firefox Mobile Apple Safari
112 15.4

Приклади

+ запропонувати свій приклад у пісочниці

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

автор: Bond

Коментарі

Коментарів ще немає — будьте першим!

Відповідь для

Увійдіть — коментар з'явиться одразу, без капчі й очікування перевірки.

Пропозиція правки

Ваша версія — : після перевірки замінить чинну. Нова порада чи нотатка — з'явиться на сторінці після перевірки.

Ви гість — діють добові ліміти. Увійдіть, щоб пропонувати без капчі.

Ваша версія секції «»: після перевірки замінить чинну.

Ви гість — діють добові ліміти. Увійдіть, щоб пропонувати без капчі.

Ваша версія опису «»: після перевірки замінить чинну.

Ви гість — діють добові ліміти. Увійдіть, щоб пропонувати без капчі.

Зворотний зв'язок
Вхід