`<number>` тип CSS
Базовая поддержка Широко доступно
Эта функция хорошо зарекомендовала себя и работает на множестве устройств и в разных версиях браузеров. Она доступна во всех браузерах с июля 2015 года.
<number> — это CSS-тип данных, представляющий число: целое число, число с дробной частью или десятичную экспоненту в научной нотации.
Синтаксис
Синтаксис <number> расширяет синтаксис <integer>. Дробное значение представляется символом ., за которым следует одна или несколько десятичных цифр; его можно добавить к целому числу. Значение <number> также может оканчиваться буквой e или E, за которой следует целое число, обозначающее десятичную экспоненту в научной нотации. Числа не имеют единиц измерения.
Как и у целых чисел, перед первым символом числа непосредственно может стоять - или +, указывающий знак числа: положительное оно или отрицательное.
Интерполяция
При анимации значения CSS-типа данных <number> интерполируются как вещественные числа с плавающей точкой. Скорость интерполяции определяется функцией сглаживания, связанной с анимацией.
Примеры
Допустимые числа
12 A raw <integer> is also a <number>. 4.01 Positive fraction -456.8 Negative fraction 0.0 Zero +0.0 Zero, with a leading + -0.0 Zero, with a leading - .60 Fractional number without a leading zero 10e3 Scientific notation -3.4e-2 Complicated scientific notation
Недопустимые числа
12. Decimal points must be followed by at least one digit. +-12.2 Only one leading +/- is allowed. 12.1.1 Only one decimal point is allowed.
Спецификации
| Спецификация |
|---|
| Модуль значений и единиц CSS, уровень 4 # numbers |
Совместимость с браузерами
| Настольные компьютеры | Мобильные устройства | |||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|
| Chrome | Edge | Firefox | Opera | Safari | Chrome для Android | Firefox для Android | Opera для Android | Safari для iOS | Samsung Internet | WebView для Android | WebView для iOS | |
number |
1 |
12 |
1 |
2 |
1 |
18 |
4 |
10.1 |
1 |
1.0 |
4.4 |
1 |
scientific_notation |
43 |
12 |
29 |
30 |
10.1 |
43 |
29 |
30 |
10.3 |
4.0 |
43 |
10.3 |
См. также
© 2005–2025 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Values/number
