CSS function sign()
Опис
Експериментальна технологія: Перед використанням уважно перевірте таблицю сумісності з браузерами.
Функція sign() в CSS відіграє ключову роль у роботі з числовими значеннями. Вона дозволяє визначити знак числа, повертаючи -1, 0 або 1, залежно від характеристики вхідного числа. Ця функція може стати надзвичайно корисною в ситуаціях, де необхідно швидко визначити напрямок анімації або вплинути на інші числові параметри стилізації.
sign() вивчає вхідне число і робить наступне:
- Якщо вхідне число від'ємне, функція повертає
-1. - Якщо число дорівнює нулю, функція повертає
0. - Якщо число є додатнім, функція повертає
1.
Це робить функцію sign() ідеальним інструментом для визначення напрямку руху або позиціонування в залежності від значення числа.
Приклад:
div {
background-position: sign(10%);
}
У цьому прикладі функція sign(10%) використовується властивістю background-position. Позитивні відсотки можуть вирішуватися як від'ємна довжина, а від'ємні відсотки - як додатна довжина, якщо зображення фону більше за область фону. Таким чином, функція sign(10%) може повернути 1 або -1, залежно від того, як розподіляється відсоток! (Або навіть 0, якщо він розподіляється на основі нульової довжини.) Це демонструє потужність і гнучкість sign() в обробці числових значень у CSS.
| Порада: | Функція |
Синтаксис
sign(<value>);<value>Приймає числове значення. Значення можуе бути додатнім, від'ємним чисвлом або нулем.
Переглядачі
| Переглядач | |
|---|---|
15.4 |
| Переглядач | |
|---|---|
15.4 |
Мобільних переглядачів ще не додано.
Приклади
Прикладів ще не додано