sign()

Функция sign(x) принимает только одно значение в качестве параметра.

x

Вычисление, результатом которого является число.

Число, представляющее знак A:

• Если x положительное, возвращает 1.
• Если x отрицательное, возвращает -1.
• Если x равно положительному нулю, возвращает 0.
• Если x равно отрицательному нулю, возвращает -0.
• В противном случае возвращает NaN.

<sign()> = 
  sign( <calc-sum> )  

<calc-sum> = 
  <calc-product> [ [ '+' | '-' ] <calc-product> ]*  

<calc-product> = 
  <calc-value> [ [ '*' | '/' ] <calc-value> ]*  

<calc-value> = 
  <number>        |
  <dimension>     |
  <percentage>    |
  <calc-keyword>  |
  ( <calc-sum> )  

<calc-keyword> = 
  e          |
  pi         |
  infinity   |
  -infinity  |
  NaN        

Например, в background-position положительные проценты приводят к отрицательной длине, и наоборот, если изображение фона больше области фона. Таким образом, sign(10%) может вернуть 1 или -1, в зависимости от того, как вычисляется процент! (Или даже 0, если он вычисляется относительно нулевой длины.)

div {
  background-position: sign(10%);
}

Еще один пример использования — управление position элемента. Может использоваться как положительное, так и отрицательное значение.

div {
  position: absolute;
  top: calc(100px * sign(var(--value)));
}

• abs()