number CSS значення

<number> - тип зберігання даних в CSS, представляє собою число: або ціле, або з дробовою частиною.

Синтаксис <number> розширює синтаксис <integer>. Дробове значення представлено за допомогою символу ., після якого стоїть одна (або більше) цифр, і може бути приєднано до цілочисленного типу даних. Не існує одиниці виміру, пов'язаної з числами.

Під час анімації, значення типу даних CSS <number> є інтерпольованими як числа дійсні або з плаваючою крапкою. Швидкість інтерполяції визначена timing function, пов'язаної з анімацією.

Коректний запис чисел:

1. 12 - Ряд, що складається з <integer>, також є <number>.
2. 4.01 - Позитивне число з плаваючою точкою.
3. -456.8 - Негативне число з плаваючою точкою. 4.0.0 - Нуль.
4. +0.0 - Нуль, з + перед ним.
5. -0.0 - Нуль, з - перед ним.
6. .60 - Дробове число без присутності нуля.
7. 10e3 - Наукове позначення.
8. -3.4e-2 - Складне наукове позначення.

Некоректний запис чисел:

1. 12. - Після дробових чисел має бути присутня як мінімум 1 цифра.
2. +-12.2 - Одночасно перед числом допустимо ставити тільки один з симоволів +/-.
3. 12.1.1 - Дозволена тільки одна "дробова" точка.

правити

Нотатка

Деякі типи значень можуть мати цілочисельні значення (позначаються <integer>) або значення дійсних чисел (що позначаються <number>). Дійсні числа і цілі числа вказані тільки в десятковій нотації. <Integer> складається з однієї або декількох цифр від 0 до 9. A <number> може бути або <integer>, або може бути 0 або більше цифр, за якими слідує крапка ..

автор: Svitlana правити

+ додати пораду чи нотатку

Переглядачі

Стаціонарні переглядачі Мобільні переглядачі

Підтримка: стаціонарні переглядачі

Переглядач
number	1.0	1.0	1.0	3.5	12.0	4.0

Підтримка: мобільні переглядачі

Переглядач
number	1.0	1.0	1.0

Приклади

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

<p class="one">line-height: 1 — рядки впритул. Абзац навмисно довгий, щоб зайняти кілька рядків і показати міжряддя наочно.</p>
<p class="two">line-height: 2 — подвійне міжряддя. І цей абзац навмисно довгий, щоб зайняти кілька рядків і показати різницю.</p>

p.one { line-height: 1; }
p.two { line-height: 2; }