<dimension>

Базовая поддержка Широко распространена

Эта функция хорошо зарекомендовала себя и работает на многих устройствах и версиях браузеров. Она поддерживается браузерами с июля 2015 года.

Тип данных <dimension> CSS данных представляет собой <number> с прикреплённой к нему единицей измерения, например 10px.

CSS использует размеры для указания расстояний (<length>), продолжительности (<time>), частот (<frequency>), разрешений (<resolution>) и других величин.

Синтаксис

Синтаксис <dimension> представляет собой <number>, за которым сразу следует единица измерения — идентификатор. Идентификаторы единиц измерения нечувствительны к регистру.

Примеры

Допустимые размеры

12px      12 pixels
1rem      1 rem
1.2pt     1.2 points
2200ms    2200 milliseconds
5s        5 seconds
200hz     200 Hertz
200Hz     200 Hertz (values are case insensitive)

Недопустимые размеры

12 px       The unit must come immediately after the number.
12"px"      Units are identifiers and therefore unquoted.
3sec        The seconds unit is abbreviated "s" not "sec".

Спецификации

Спецификация
CSS Values and Units Module Level 4 # dimensions

Совместимость с браузерами

	Рабочие столы					Мобильные устройства
	Chrome	Edge	Firefox	Opera	Safari	Chrome Android	Firefox для Android	Opera Android	Safari на iOS	Samsung Internet	WebView Android
`dimension`	1	12	1	3.5	1	18	4	10.1	1	1.0	≤37

См. также

Типы данных CSS
Изучите стилирование HTML с помощью CSS
Расстояния в CSS (<length>), продолжительность (<time>), частоты (<frequency>) и разрешения (<resolution>)

© 2005–2024 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/CSS/dimension