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

CSS function pow()

Опис

Функція pow() в CSS призначена для обчислення значення числа, піднесеного до заданого степеня. Ця функція приймає два числових аргументи: number, яке представляє число, що підноситься до степеня, та exponent, яке визначає показник степеня.

Для обчислення значення числа, піднесеного до степеня, ви можете використовувати функцію pow() з поданням числових значень аргументів. Наприклад, pow(2, 3) обчислить 2 піднесене до степеня 3, що дорівнює 8.

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

.element {
  width: pow(2, 3);
}

У цьому прикладі значення ширини елемента буде обчислено як 2 піднесене до степеня 3, тобто 8, і встановлено на 8 пікселів.

.element {
  height: pow(5, -2);
}

В цьому прикладі значення висоти елемента буде обчислено як 5 піднесене до степеня -2, що дорівнює 0.04, і встановлено на 0.04 пікселів.

.element {
  font-size: pow(10, 0.5);
}

Тут значення розміру шрифту буде обчислено як корінь квадратний з 10, що дорівнює приблизно 3.16, і встановлено на 3.16 пікселів.

Нотатка:

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

Зверніть увагу на типи даних, які використовуються в аргументах number та exponent. Вони повинні бути числовими значеннями, такими як числа або вирази, що повертають числа.
Порада:

При використанні pow() ретельно перевіряйте правильність введення аргументів та виконуйте відповідні перевірки на коректність даних, щоб уникнути помилок.

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

Функція pow() дозволяє вам легко виконувати різноманітні математичні обчислення та операції у CSS, що робить її корисним інструментом при створенні динамічних та адаптивних стилів на вашому веб-сайті.

Синтаксис

pow(number, exponent);
<number>

Обидва аргументи можуть бути числовими значеннями, включаючи позитивні, від'ємні та десяткові числа.

Переглядачі

Переглядач

112

15.4
Переглядач

112

15.4

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

Приклади


Цей приклад ілюструє динамічну зміну елемента при наведенні курсору за допомогою CSS-функції pow().

Цей приклад показує визначення ширини елемента за допомогою CSS-функції pow().

Спільнота

Зв'язок